HTMl中常用表单元素

        <form><form/>表单标签:这是用来实现前后端交互的一个重要标签。

        常用属性:name(表单名称),action:表单数据提交的位置(通常是后台文件名或网址(.jsp/.php/.asp/.aspx/.py)),method:前端提交到后端的方法,主要有:get和post,默认是get(post相对安全)。

        使用截图:

 

        <input></input>该标签中对应有一个type属性type对应的属性值有输入类:text/password/radio/checkbox/file。按钮类:button/image/submit/reset。以下是对应属性的使用:

        1)text单行文本输入框 type默认值为text属性:placeholder(提示)/name命名/minlenth和maxlength(最少和最多输入的个数)/disable(失效),value(默认值)。

        2)password密码框。属性与text一样。

        3)radio单选按钮,通常是两项以上。常用属性:name(必写),checked为默认选项。

        4)checkbox复选框 ,可以用来选择0项或多项,常用属性:name(必选),checked默认选项。

        5)file文件上传按钮。用法简洁,一般不需要其他属性。

        6)button普通按钮:通常用于调用脚本代码。常用属性value按钮标题,disabled属性可使其失效。

        7)image图片按钮,用法与button一样。有一个特殊属性,src(用来加载图片,用它替换了value,image具有提交功能与submit相似)。

        8)两按钮:submit提交按钮,用来将表单数据提交到后台-/-reset重置按钮,将输入的内容表单所有清空还原为初始化。

        9)textarea文本域,主要用于输入大批量内容,常用属性:name,id,cols列,rows行,placeholder,minlength,maxlength,required(不能输入为空)。

        10)select下拉列表:用option设置选项。属性,multiple属性:可以多选,这时下拉列表框变成了列表框。size属性:表示可选个数。

       注:具有选择的属性有radio和checkbox,而<select><option></option><select>是作为标签使用的。此外<input type="button" value="按钮'>与<button></button>两者相同,而button作为属性值用在表单中具有提交作用,而button作为标签则一般用于JavaScript中作事件的引发器。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值