html5新添加的表单类型和属性

发布时间:2020-02-23 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了html5新添加的表单类型和属性脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

email类型:

<input type="email">

url类型:

<input type="url">

date类型:

<input type="date">

time类型:

<input type="time">

month类型:

<input type="month">

week类型:

<input type="week">

number类型:

<input type="number">

range类型:

<input type="range">

search类型:

<input type="search">

color类型:

<input type="color">

placeholder属性:

<input type="text" placeholder="点击输入">

autofocus属性(获取焦点):

<input type="text" autofocus="true">

list属性:

<input type="text" list="ilist">
<datalist id="ilist">
    <option label="1" value="1">
    <option label="2" value="2">
    <option label="3" value="3">
</datalist>

pattern属性(正则验证):

<input type="text" required pattern="^[1-9]\d{5}$">

required属性(必填)

<input type="text" required>

外部提交表单(提交按钮可在表单外面)

<form action="" id="iform">
    <input type="text" name="name">
</form>
<input type="submit" form="iform" value="提交">

 

总结

以上是脚本之家为你收集整理的html5新添加的表单类型和属性全部内容,希望文章能够帮你解决html5新添加的表单类型和属性所遇到的程序开发问题。

其他人正在看

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
标签: