标签:targe slide mit checkbox range 搜索字符串 check red username
<input list=‘list_t‘ type="text" name=‘user‘ placeholder=‘请输入姓名‘ value="" />
<datalist id=‘list_t‘>
<option>这是值1</option>
<option>这是值1</option>
<option>这是值1</option>
<option>这是值1</option>
</datalist>
<input name="userName" required pattern="\d{3}" type="text"/>
pattern属性的值一般为正则表达式,当用户输入的内容符合一定的格式,那么才能提交,否则将提示用户不符合要求,如上所示必须输入3位数字。
required属性可以用用在大多数的输入元素上(除了隐藏元素、图片元素按钮上等)。
required属性表示此输入框是必填项,当提交的时候,如果此输入框为空,那么将提示用户输入后提交。
<input type="color"/>
color类型的input元素用来取色,它提供了一个颜色的取色器。
<input type="range"/>
此输入框是一种只允许输入某一段范围内数值的文本框,它同样也具有四个属性,分别是:min、max、step和value,默认的取值范围为0-100。
min:此输入框的最小值
max:此输入框的最大值
step:当点击上下箭头数值一次跳几个
value:表示此输入框的默认值
<input type="number"/>
此输入框是一种专门用来输入数字的文本框,并且在提交的时候会验证内容是否为数字,它具有四个属性,分别是:min、max、step和value。
min:此输入框的最小值
max:此输入框的最大值
step:当点击上下箭头数值一次跳几个
value:表示此输入框的默认值
属性值:
值 | 描述 |
button | 定义可点击的按钮(通常与javascript一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
color(HTML5) | 定义拾色器。 |
date(HTML5) | 定义date控件(包括年、月、日,不包括时间)。 |
datetime(HTML5) | 定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,基于UTC时区)。 |
datetime-local(HTML5) | 定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
email(HTML5) | 定义用于e-mail地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
image | 定义图像作为提交按钮。 |
month(HTML5) | 定义month和year控件(不带时区)。 |
number(HTML5) | 定义用于输入数字的字段。 |
password | 定义密码字段(字段中的字符会被遮蔽)。 |
radio | 定义单选按钮。 |
range(HTML5) | 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 |
reset | 定义重置按钮(重置所有的表单值为默认值)。 |
search(HTML5) | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
tel(HTML5) | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
time(HTML5) | 定义用于输入时间的控件(不带时区)。 |
url(HTML5) | 定义用于输入 URL 的字段。 |
week(HTML5) | 定义 week 和 year 控件(不带时区)。 |
时刻鼓励自己:
埋头读书,抬头做人!
不登高山不知天之高也,不临深溪不知地之厚也
懦弱的人只会裹足不前,莽撞的人只能引为烧身,只有真正勇敢的人才能所向披靡
我们这个世界,从不会给一个伤心的落伍者颁发奖牌。
海浪的品格,就是无数次被礁石击碎又无数闪地扑向礁石、
鞋底磨穿了,不等于路走到了头。
松驰的琴弦,永远奏不出时代的强音。
躺在被窝里的人,并不感到太阳的温暖。
不安于现状,不甘于平庸,就可能在勇于进取的奋斗中奏响人生壮美的乐间。
不去耕耘,不去播种,再肥的沃土也长不出庄稼,不去奋斗,不去创造,再美的青春也结不出硕果。
在htnl中,<input tyle = "text">除了text外还有几种种新增的表单元素
标签:targe slide mit checkbox range 搜索字符串 check red username
原文地址:http://www.cnblogs.com/xiaoweiba/p/7413895.html