html5表单api应用的结果分析与总结 html5表单类型

转载

autohost 2024-01-02 10:27:16

表单主要用于收集网页上浏览者的相关信息。其标签为<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　　　　　　　　　　　　　　定义图像为提交按钮

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

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

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

13.password　　　　　　　　　　　　定义密码字段