当前位置:  首页  >  前端开发  >  HTML

HTML表单的详细介绍

表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签(<form>)定义。
HTML 表单用于搜集不同类型的用户输入。HTML5 Input,拥有多个新的表单输入类型,提供了更好的输入控制和验证。表单编辑表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签(
)定义。
Input类型编辑HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。1.Input 类型- emailemail 类型用于应该包含e-mail 地址的输入域。在提交表单时,会自动验证email 域的值。2.Input 类型- urlurl 类型用于应该包含URL 地址的输入域。在提交表单时,会自动验证url 域的值。3.Input 类型- numbernumber 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定:4.Input 类型- rangerange 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。您还能够设定对所接受的数字的限定:5.Input 类型- Date Pickers(数据检出器)HTML5 拥有多个可供选取日期和时间的新输入类型:date - 选取日、月、年month - 选取月、年week - 选取周和年time - 选取时间(小时和分钟)datetime - 选取时间、日、月、年(UTC 时间)datetime-local - 选取时间、日、月、年(本地时间)6.Input 类型- searchsearch 类型用于搜索域,比如站点搜索或Google 搜索。search 域显示为常规的文本域。输入编辑多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:文本域当用户要在表单中键入字母、数字等内容时,就会用到文本域(text fields)。
First name:
Last name:
浏览器显示如下:注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。当用户从若干给定的的选择中选取其一时,就会用到单选框(radio buttons)。
Male Female
浏览器显示如下:Male Female注意,只能从中选取其一。如图:复选框当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框(checkboxes)。
I have a bike
I have a car
浏览器显示如下:I have a bike I have a car其他组成编辑确认按钮当用户单击确认按钮(submit)时,表单的内容会被传送到另一个文件。[1] 动作属性表单的动作属性(action)定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
Username:
浏览器显示如下:Username:如下图:
吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | 凯发国际娱乐 | 凯发国际娱乐下载 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有