html5 input属性

表单主要用于收集网页上浏览者的相关信息。其标签为<form> </form>。表单的基本语生

格式如下。
<form action="url" method="get lpost" enctype="mime">
</form >
其中,action=url 指定处理提交表单的格式,它可以是一个URL 地址或一个电子邮件地
址。method=get 或post 指明提交表单的HTTP 方法。enctype= mime 指明用来把表单提交给服
务器时的互联网媒体形式。
表单是一个能够包含表单元素的区域。通过添加不同的表单元素,将显示不同的效果。


通常情况下表单是使用输入标签<input> 他是一个自闭和标签
输入的类型是由type定义的,通常使用的有:
文本输入框:<input type="text">
密码输入框:<input type="password">
单选框:<input type="radio">
复选框:<input type="checkbox">
下拉列表元素 是一个标签组:
<select>
<option></option>
</select>
提交按钮:<input type="submit">
重置按钮:<input type="reset">
普通按钮:<input type="button">

邮箱:<input type="email">
url:<input type="url" name="userurl"/>
日期:<input type="date" name="user_date"/>
数字:<input type="number" name="shuzi/">
滚动轴:<input type="range" name="" min="" max="" />

 

1.button                定义可点击按钮

2.checkbox                复选框

<form action="demo-form.php">
  <input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
  <input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
  <input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
  <input type="submit" value="提交">
</form>

3.color                   定义拾色器,定义后出现颜色调板,只支持谷歌和opera

4.date                        定义 date 控件(包括年、月、日,不包括时间)。只支持谷歌、opera、safari

5.datetime               定义date和time空间,仅支持safari、opera

6.datetime-local             定义date和time空间。只支持谷歌、opera、safari

7.email                定义用于e-mail地址字段,提交时会验证。safari不支持

8.file                  上传文件

9.hidden               定义隐藏字段

10.image                定义图像为提交按钮


<input type="image" src="img_submit.gif" alt="Submit">


11.month              定义month和year空间。只支持谷歌、opera、safari

12.number              定义数字输入的字段。只支持谷歌、opera、safari


数量 ( 1 到 5 之间): <input type="number" name="quantity" min="1" max="5">


13.password             定义密码字段

14.radio               单选项

 

<form>
  <input type="radio" name="gender" value="女"> 女<br>
  <input type="radio" name="gender" value="女"> 男<br>
</form>


 15.range   定义用于精确值不重要的输入数字的控件(比如 slider 控件)。您也可以设置可接受数字的限制:

 
<input type="range" name="points" min="1" max="10">


16.reset              定义重置按钮,重置为初始值

17.search              定义搜索字段。只支持谷歌、opera

18.submit             定义提交按钮

19.tel               定义输入电话号码字段,注:目前主流浏览器都不支持

20.text              文本

21.time             定义输入时间 IE和火狐不支持

22.url              输入url字段,苹果浏览器不支持

23.week             定义week和year控件,IE和火狐不支持

posted @ 2019-08-15 16:40  卑微小吴  阅读(440)  评论(0编辑  收藏  举报