HTML表单元素常见用法

最近更新时间：2018年6月20日11:40:38

《我的博客地图》

    在最开始做前端开发的过程中，对于表单元素的HTML标签的语义化概念很模糊，随着开发经验的不断积累，总结表单元素的使用场景尤为重要。

1.input元素作为复选框

<input id="myinput" type="checkbox" checked> 
<label for="myinput">请选择</label>

label标签为input元素定义标注，采用label的for属性绑定input的id属性，当点击label元素内文本，就会触发此控件，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<input type="checkbox" checked> 请选择<br>

没有采用label和input绑定的复选框，只能通过点击input元素来触发。

2.input元素作为隐藏字段

<input type="hidden" name="name" value="Bruce">

用input定义隐藏字段，常用于存储默认值，或者由JavaScript改变它的值。

3.

4.

5.

6.

7.