html <input>
<input>为html中的输入框
在html5中加入了新的input类型
html:
<input type="text"> 普通输入框
<input type="textarea"> 大文本输入框
<input type="password"> 与text一样,只不过输入的内容会用圆点或者星号隐藏
<input type="submit" value="Submit"> 提交表单能容,与<form></form>联用,value是显示在提交按钮上的文字
<input type="radio" name="sex" value="male" checked>Male 单选,name一样的中只能选其中之一 <br> <input type="radio" name="sex" value="female">Female
<input type="checkbox" name="vehicle" value="Bike">I have a bike 复选
<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
<input type="button" onclick="alert('Hello World!')" value="Click Me!"> 按钮,onclick是点击后的时间响应,可以跟function: onclick="hello()" javascript里:function hello(){alert('Hello World!');}
html5:
<input type="email"
name="user_email" /> email验证,只能输入email
<input type="url"
name="user_url" /> url验证,只能输入url
<input type="number"
name="points" step="3" min="1" max="11" /> 数字验证,最小1,最大不超过11,间隔为3则只能输入1,4,7,10
<input type="range"
name="points" step="3" min="1" max="11" /> 显示为最小为1,最大不超过11,间隔为3的滑动条,只能选择1,4,7,10,滑动条最右端为11,所以不能拉到最后。
HTML5 拥有多个可供选取日期和时间的新输入类型:
-
date - 选取日、月、年 <input
type="date"
name="user_date" /> -
month - 选取月、年
-
week - 选取周和年
-
time - 选取时间(小时和分钟)
-
datetime - 选取时间、日、月、年(UTC 时间) 似乎有问题- -,我的浏览器无效
-
datetime-local - 选取时间、日、月、年(本地时间)