表单
表单作用:收集用户的数据
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属性结合