表单标签
表单专门用来收集用户信息的
表单元素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动态收拾用户数据 |