表单标签
& 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 nullHTML表单标签