【公司建设网】
重置和提交
如果浏览者想清除输入到表单中的全部内容,可以使用<input>元置(reset)按钮,以省去在重新输入前,一项一项删除的麻烦;当浏想要发送时,可使用<input>元素的type属性设置的提交(submit)按属性中的网址或函件信箱;如果浏览者想制作一个普通的按钮,可使用<input>元素的type属性设置普通( button)按钮。三种按钮的格式为:
<input type=’’reset’’value=’’按钮名’’>
<input type=’’submit" value=’’按钮名’’>
<input type=’'button’’value=’’按钮名’’>
当省略value的设置值时,重置和提交的按钮分别显示为“重置”和“提交”。
3.复选框和单选钮
在页面中有些地方需要列出几个项目,让浏览者通过选择钮来选择项目。选择钮可以是复选框( checkbox)或单选钮(radio)。用<input>元素的type属性可设置选择钮的类型;value属性可设置该选择钮的控制初值,用来告诉表单制作者选择结果;用checked属性表示是否为默认选中项;name属性是控制名,同一组的选择钮的控制名是一样的。复选框和单选钮的格式为:
<input type=’’checkbox’’name=’’复选框名’’value-’’提交值’’>
<input type=..radio’’name=’’单选钮名’’value-’’提交值’’>
4.电子邮件输入框
当用户需要通过表单提交电子邮件信息时,可以将<input>元素的type属性设置为email类型,即设计用于包含email地址的输入框。当用户提交表单时,会自动验证输入email值的合法性。格式为:
<input type=”email”name=”电子邮件输入框名”>
5.日期时间选择器
HTML5提供了日期时间选择器date pickers,拥有多个可供选取日期和时间的新型输入文本框,类型如下。
date:选取日、月、年。
month:选取月、年。
week:选取周和年。
time:选取时间(小时和分钟)。
datetime:选取时间日、月、年(UTC世界标准时间)。
datetime-local:选取时间日、月、年(本地时间)。
日期时间选择器的语法格式为:
<input type=”选择器类型”name=”选择器名”>
6.URL输入框
当用户需要通过表单提交网站的URL地址时,可以将<input>元素的type属性设置为url