HTML5 --- 新增表单属性

1.文本控件

<input type="text" name="text" class="inputext" placeholder="用户名/邮箱/账号" required="required" autofocus="autofocus">

type="text" --- 限定用户输入的内容是文本；

name="namevalue" --- 表单控件名称（有意义的方便识别的可自定义名）；

placeholder="用户名/邮箱/账号" --- 用于提示用户可输入的信息；

required="required" --- 必填项；

autofocus="autofocus" --- 自动获取光标焦点；

2.新增控件

<form action="" method="get">
        <input type="text" name="text" class="inputext" placeholder="用户名/邮箱/账号" required="required" autofocus="autofocus"><br>
        <input type="email"><br>   <!-- 限定用户输入的必须是邮箱，例：952903045@qq.com -->
        <input type="url"><br>     <!-- 限定用户输入的必须是url类型（网络地址），例：http://www.baidu.com -->
        <input type="date"><br>    <!-- 生成一个日期选择模块 -->
        <input type="month"><br>   <!-- 生成一个月份选择模块 -->
        <input type="time"><br>    <!-- 生成一个时间选择模块 -->
        <input type="week"><br>    <!-- 生成一个周选择模块 -->
        <input type="number"><br>  <!-- 生成一个数字输入框，只能输入数字，或者上下调整 -->
        <input type="search"><br>  <!-- 生成一个搜索框，可从搜索框中快速删除搜索内容 -->
        <input type="color"><br>   <!-- 生成一个颜色选择模块 -->
        <input type="range"><br>   <!-- 生成一个滑块 -->
        <input type="tel"><br>
        <input type="submit" value="提交">
</form>