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 - 选取时间、日、月、年(本地时间)

 

posted @ 2019-07-09 09:51  不咬人的兔子  阅读(1083)  评论(0编辑  收藏  举报