HTML表单标签

  

表单标签

& lt;形式action==薄胺椒ā薄白4? lt;/form>

形式标签为html创建一个表单

,行动属性表示表单要提交到的页面

,法属性表示表单数据提交时的传输方式,得到|职位

get和post的区别

1,得到明文传输,不安全,密后文传输,安全

2,得到最多可传输255个字符,文章对传输字符去限制

文本框标签& lt;输入/祝辞

,1 .普通文本框

,,,, & lt;输入类型=拔谋尽眓ame="/祝辞

,2.密码框

,,,, & lt;输入类型=懊苈搿眓ame="/祝辞

,3 .单选框

,,,, & lt;输入类型=肮悴ァ泵?" " value="/比;,注意:使用无线电时名称的值需要保持一致,否则不会显示单选按钮

,4 .复选框

,,,, & lt;输入类型=案囱】颉眓ame=" value="/祝辞

,5 .图片域

,,,, & lt;输入type=" p_w_picpath " src="="="/高度比宽度;

注意:图片域自带提交功能,在传值时会把鼠标点击图片的x轴和y轴的坐标传给下一个页面

,6。文件域

,,,, & lt;输入type="文件" name="/比;,文件上传功能

,7 .普通按钮

,,,, & lt;输入type="按钮" value="/祝辞

,8.重置按钮

,,,, & lt;输入类型=爸刂谩眝alue="/祝辞

,9。提交按钮

,,,, & lt;输入类型=疤峤弧眝alue="/祝辞

输入属性只读的=皉eadonly”设置只读

,,,,=禁用“禁用”设置禁用

,,,,=凹觳椤奔觳樵诘パ“磁ズ透囱】蛑猩柚媚媳谎≈?br/>

,10。下拉菜单

,,,, & lt;选择name="在

,,,,,,,, & lt;选项值="祝辞& lt;/option>

,,,,,,,, & lt;选项值="祝辞& lt;/option>

,,,, & lt;/select>

,,在& lt; select>标签中选择=毖≡瘛吧柚帽谎≈?br/>

, 11。多行文本框

,,,, & lt; textarea name="祝辞& lt;/textarea>


注意:在H4中以上必须要放在形式标签中才可被传递

以下是HTML5中提供的属性

在HTML5中表单标签可以脱离形式标签

在形式标签中写一个ID属性,在其他标签中写属性形式=靶问奖昵┲械腎D值”

在H5中形成新增属性

,,,,自动完成,是否开启自动完成功能,在表示开启,,从表示关闭

,,,,已经=耙丫?当属性出现时,表示表单不进行验证

新增表单属性

,带邮箱验证的文本框

,,,, & lt;输入type="电子邮件" name="/祝辞

输出一个颜色选择器

,,,, & lt;输入类型=把丈眓ame="/祝辞

带数字验证的输入框

,,,, & lt;输入type="数量" max=35分钟=15/祝辞

,,,,说明文本框内只能输入15到35岁之间的数字

带有日期的输入框

,,,, & lt;输入类型=叭掌凇眓ame="/祝辞

带有时间的输入框

,,,, & lt;输入类型=笆奔洹眓ame="/祝辞

带有星期的输入框

,,,, & lt;输入类型=爸堋钡拿?"/祝辞

带有月份的输入框

,,,, & lt;输入type="月" name="/祝辞

带有可滑动滚动条的输入

,,,, & lt;输入type="范围" name=" max=" 20 " min==?”“5”一步value=" https://www.yisu.com/zixun/10 "在

,,,,最大,最大值,最小,最小值,一步,步长,价值,默认值

搜索框

,,,, & lt;输入类型=八阉鳌钡拿?=癱”/暗澄谰苯峁?/p>

,,,,结果=癱”表示框的最前端有一个搜索图标

带有电话号码段的输入框

,,,, & lt;输入类型=皌el”name="/祝辞

验证输入内容为URL地址的输入框

,,,, & lt;输入type=" URL " name="/祝辞

datalist控件

& lt; input 类型=拔谋尽?列表=捌怠?/比;   & lt; datalist  id="车"比;   ,,,& lt; option  value=" https://www.yisu.com/zixun/宝马“,/比;   ,,,& lt; option  value=" https://www.yisu.com/zixun/宝具”,/比;   & lt;/datalist>

输出输出框

& lt; form  action=" ",方法=" ",oninput=皉es.value=https://www.yisu.com/zixun/r1.value * r2.value”比;   ,,& lt; input 类型=笆俊?name=" r1,/比;   ,,& lt; input 类型=笆俊?name=" r2,/比;   ,,& lt; output  name=皉es”祝辞& lt;/output>   & lt;/form>      注意:在HTML5中输入新增属性placeholde 意思是提示语,当输入内容是清空   ,,,,,,,,,,,,,,,,,,,,,,,,,,,需要设置表单内容不能为空   ,,,,,,,,,,,,,,,,,,,,,,,,,,,自动对焦自动获得焦点   null   null   null   null   null   null   null   null   null   null   null   null

HTML表单标签