首页 > 代码库 > html5 填表 表单 form label input button legend fieldset
html5 填表 表单 form label input button legend fieldset
<form>本身没有什么意义, 但是某些依赖form的标签元素一旦没有了form就不能生效. 所以form是提供一个定义环境给form的插件元素去生效的.
1.method 属性post一般用表单提交, 而get 一般用超链接提交. 如果用post提交百度就会出错.或者返回的链接不会带有?user=
<form method="post" action="http://www.baidu.com">
<input name="usr">
<button>提交</button>
</form>
2.enctype 一般用multipart/form-data
3.autocomplete on/off 下拉提示,与点击自动完成
4.novalidate
<input> 提供输入的文本框
name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。
value 哪怕打字, 本来也会出现的文本信息. 比如 搜索栏里面默认value是"王宝强离婚" 那用户就省去输入的时间.
form 配合id使用,可以从外挂钩到表单内部. 用于一个数据挂钩多个表单.
<lable> lable可以利用css化妆
for 属性 输出label化妆效果到指定标签id. for 可以同时化妆多个区域标签.
如果label 不使用 for 什么id 去化妆指定区域, 那还有一种方法就是把指定区域,用label 括起来
<label>
<input…>…
</label>
for 和from的区别, from 是引用提取数据"凹"进去等待填充, 而for是输出数据 "凸"出来就绪服务输出, 好邪恶……
<fieldset> 可以做整体的化妆, 整体的禁用, 还有一个明显的框表示.
<legend> 分组标签
<button> 提交表单或者链接
type:
submit 提交
reset 重置 input的 value是空, 否则就是value对应的文本
button 配合js 触发特定事件
button的其他属性:
form 包括button, 但 button 如果有特殊设置, 就以button的属性为优先处理.忽略form的冲突项.
html5 填表 表单 form label input button legend fieldset