HTML5 --- 新增表单属性

时间:2022-11-06 14:26:10
 

1.文本控件

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

HTML5 --- 新增表单属性

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>