HTML表单元素常见用法

    在最开始做前端开发的过程中，对于表单元素的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.