跳到主要内容

表单标签

表单专门用来收集用户信息的 表单元素HTML中的一些标签,与其他标签相比有特殊的外观和默认的功能

常见的表单元素

input标签,其中有一个type属性,取值的不同就决定了input标签的功能和外观不同。

明文输入框&暗文输入框 取决于type属性text / password

账号:<input type="text"/>
密码:<input type="password"/>
type值作用备注
text明文输入没有默认值,需附加name=""属性
password暗文输入没有默认值,需附加name=""属性
radio单选默认不互斥的,如果想互斥,必须要有相同的name属性
checkbox多选框最好有相同的name(虽然不互斥,但是也要有相同的name)
checked给单选框/多选框提供默认选项同一组内容必须设置相同name属性,格式为checked="checked"
button按钮通过value属性需改默认标题,配合js完成操作
image图片按钮和按钮属性功能相似
reset清空/重置表单中的数据通过value属性需改默认标题
submit提交表单数据配合form标签的action属性提交到指定的数据库,需要提交的数据需要赋予name属性来定义。通过value属性需改默认标题
hidden隐藏域不会出现界面中,配合js动态收拾用户数据