首页 > Web开发 > 详细

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

时间:2017-02-06 19:48:24      阅读:209      评论:0      收藏:0      [点我收藏+]

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新添加的表单类型和属性

原文:http://www.cnblogs.com/jkko123/p/6371462.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!