表单域---<form></form>---即为创建一个表单

语法：

<form action=""  method="post"  name="userMessage">
        <input type="submit" value="提交表单">
</form>

常见属性：

1. action： 在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。

2. method：用于设置表单数据的提交方式，取值为get或post。

3. name： 用于指定表单的名称，以区分同一个页面中的多个表单。

注意：每个表单都应该有自己的表单域。

---

1. input 标签

属性	属性值	描述
type	text	单行文本输入框
type	password	密码输入框
type	radio	单选按钮
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图形形式的提交按钮
type	file	文件域
name	用户自定义	控件的名称
value	用户自定义	input 控件中的默认文本值
size	正整数	input 控件在页面中的显示
checked	checked	定义选择控件默认被选中的项
maxlength	正整数	控件允许输入的最多字符数

注意事项：

1. radio 单选按钮里面的 name 属性（必须有）：相同的name属性来说明是同一组（即只能选同一组中的一个）。

2. maxlength

密　码：<input type="password" maxlength="6">
只能输入6位数的密码

---

2. lable 标签----为input元素定义标注

作用：用于绑定一个表单元素，当点击lable标签的时候，被绑定的表单元素就会获得输入焦点-----for属性规定与哪个表单元素绑定

<label>输入账号：<input type="text"></label>  
<label for="two">输入账号：<input type="text"> <input type="text" id="two"></label>

lable标签：
1.用lable直接进行包裹input 就可以了。
2.如果lable里面有多个表单，想定位到某个，可以通过for id 的格式来进行。

---

3. textarea 标签

留言板：
<textarea>请输入留言</textarea>

---

4. select 标签 下拉菜单

<select>
      <option>点击选择您的籍贯</option>
      <option>北京</option>
      <option>上海</option>
      <option>天津</option>
      <option selected="selected">河南</option>
</select>

注意：
1.<select></select>中至少包含一对<option></option>

2. 在option中定义select="selected"时，当前项即为默认选中项。
   

   ---

   ---

   ---

HTML5新增 input type属性：

<form action="">
<fieldset>
        <legend>HTML5新增的 input type 类型</legend>
             邮箱：
            <input type="email">
            <br> 手机：
            <input type="tel">
            <br> 数字：
            <input type="number">
            <br> url：
            <input type="url">
            <br> 区域：
            <input type="range">
            <br> 时间：
            <input type="time">
            <br> 年月日：
            <input type="date">
            <br> 年月：
            <input type="month">
            <br> 星期：
            <input type="week">
            <br> 颜色：
            <input type="color">
            <br>
            <input type="submit">
    </fieldset>
    </form>

---

HTML5新增 常用新属性：

1. placeholder ---当用户输入的时候，里面的文字消失，删除所有文字自动返回

用户名:
    <input type="text" placeholder="请输入用户名" />

2. autofocus ---刷新页面时 input元素自动获得焦点

用户名:
    <input type="text" placeholder="请输入用户名" autofocus/>

3. multiple ---多文件上传

上传头像:
    <input type="file" multiple/>

4. autocomplete ---自动记录完成 （on或off）

<form action="">
        姓名:
        <input type="text" autocomplete="on" name="userName" />
        <input type="submit" />
    </form>

注意：1.autocomplete 首先需要提交按钮 2.这个表单必须给他名字

5. required ---必填项 （内容不能为空）

5. accesskey ---规定激活(使元素获得焦点)元素的快捷键 采用Alt+字母的形式

昵称:
    <input type="text" required accesskey="s" />