表单控件使用

来源：互联网发布：网络大电影的发展趋势编辑：程序博客网时间：2024/05/21 06:53

表单控件使用

<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 控件）email定义用于 e-mail 地址的文本字段file定义输入字段和 "浏览..." 按钮，供文件上传hidden定义隐藏输入字段image定义图像作为提交按钮number定义带有 spinner 控件的数字字段password定义密码字段。字段中的字符会被遮蔽。radio定义单选按钮。range定义带有 slider 控件的数字字段。reset定义重置按钮。重置按钮会将所有表单字段重置为初始值。search定义用于搜索的文本字段。submit定义提交按钮。提交按钮向服务器发送数据。tel定义用于电话号码的文本字段。text默认。定义单行输入字段，用户可在其中输入文本。默认是 20 个字符。url定义用于 URL 的文本字段。

1 0