表单控件使用
<span style="font-family:Microsoft YaHei;"><!--百度搜索:自信的尘埃 2014/12/29-->
<html>
<meta charset="UTF-8"/>
<head>
<title>表单元素</title>
</head>
<body>
<form action="?" method="post">
您最喜欢的城市:
<input type="checkbox" name="cities" value="beijing"/>北京
<input type="checkbox" name="cities" value="shanghai"/>上海
<input type="checkbox" name="cities" value="hangzhou"/>杭州
<br/>
您的性别是:
<input type="radio" name="sex" value="man"/>man
<input type="radio" name="sex" value="woman"/>woman
<br/>
请选择出生地:
<select name="address" size="2" multiple="multiple">
<option value"beijing">北京</option>
<option value="beijing">上海</option>
</select>
<br/>
<!--文本域-->
<textarea name="testarea" cols="20" rows="3">
</textarea>
<br/>
<!--文件上传控件-->
<input type="file" name="myfile"/>上传文件
<br/>
隐藏域使用:可以提交数据同时不影响界面
<input type="hidden" name="微博:独立开发者er" value="ok"/>
<input type="submit" value="test"/>
<input type="image" src="2.PNG" url="http://www.baidu.com"/>
</form>
</body>
</html></span>
HTML 4.01 与 HTML 5 之间的差异
以下类型是 HTML5 中的新类型:color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url。
语法
<input type="value">
属性值
值 | 描述 |
---|---|
button | 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) |
checkbox | 定义复选框。 |
color | 定义拾色器。 |
date | 定义日期字段(带有 calendar 控件) |
datetime | 定义日期字段(带有 calendar 和 time 控件) |
datetime-local | 定义日期字段(带有 calendar 和 time 控件) |
month | 定义日期字段的月(带有 calendar 控件) |
week | 定义日期字段的周(带有 calendar 控件) |
time | 定义日期字段的时、分、秒(带有 time 控件) |
定义用于 e-mail 地址的文本字段 | |
file | 定义输入字段和 "浏览..." 按钮,供文件上传 |
hidden | 定义隐藏输入字段 |
image | 定义图像作为提交按钮 |
number | 定义带有 spinner 控件的数字字段 |
password | 定义密码字段。字段中的字符会被遮蔽。 |
radio | 定义单选按钮。 |
range | 定义带有 slider 控件的数字字段。 |
reset | 定义重置按钮。重置按钮会将所有表单字段重置为初始值。 |
search | 定义用于搜索的文本字段。 |
submit | 定义提交按钮。提交按钮向服务器发送数据。 |
tel | 定义用于电话号码的文本字段。 |
text | 默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。 |
url | 定义用于 URL 的文本字段。 |