form表单查缺补漏

表单

表单作用：收集用户的数据

1.常见的表单元素：

Input button textarea select label,fieldset,legend…

2.隐藏域：用户不可见的一个输入区域，

作用：提交表单时，携带一些固定的数据，（可以预防一些恶意的提交），代码如下

<input type=”hidden” name=”abc” value=”123”>

3.提交与重置按钮

两种书写方式

<!-- 提交按钮  input标签内value属性指定按钮的名字-->
<input type="submit" value="提交" > 
<button>提交</button> <==> <button type="submit">提交</button>

<!-- 重置按钮 -->
<input type="reset" value="重置" >
<button type="reset">提交</button>

注：button标签type属性的默认值是submit,button不要指定name属性，
普通按钮不写type 会默认为submit type=”button”即普通按钮

4.label标签

点击标签，自动获取焦点，下图是label标签的两种写法

<!-- 点击标签文字，输入框自动获取焦点 -->
<label for="zhanghu">账号</label>
<input id="zhanghu" type="text" name="account"/><br/>

<label >
    密码
    <input type="password" name="pwd">
</label>

第一种自动获取焦点的方法是label标签的for属性和input标签的id属性结合