HTML5中表单中新增加元素

2024-09-02 00:47:01

新增input 内属性

1，required:若文本内容为空，阻止表单提交格式，写入单词即可

如：<input type="text" name="username" required/>

2，placeholder:文本框里默认显示内容如：<input type="text" name="username" palceholder="请输入姓名"/>

3，autofocus：自动找到焦点 直接加入input标记内即可

新增type属性：　　

email ：自带验证功能
- 　　邮件地址：<input type="email" name="useremail"/>　　
date:日历功能，火狐暂不支持，但又文本框

　　　　日期：<input type="date" name="mydate">

url：网址，自带验证
- 　网址：<input type="url" name="mydate">
range：范围
- 　　强弱程度：<input type="range" min="0" max="225">
list: 点击文本框，下列出现option中的内容。
- 　　搜索：<input type="text" list="abc">

<datalist id="abc">

<option>内容1　　</option>

<option>内容2　</option>

<option>内容3 　</option>

　　　　　　　　　　</datalist>

　　　　

最新文章

热门文章