创建表单-软考在线

创建表单


知识路径： > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 > HTML5标记语言 >
被考次数：1次被考频率：低频率总体答错率：60% 知识难度系数：	由软考在线用户真实做题大数据统计生成
相关知识点：39个

表单是网页中提供的一种交互式操作手段，在网页中的使用十分广泛。用户可以通过提交表单信息与服务器进行动态交流。表单主要可以分为两部分：一是用HTML源代码描述的表单，可以直接通过插入的方式添加到网页中；二是提交后的表单处理，需要调用服务器端编写好的程序对客户端提交的信息作出回应。

插入表单

基本语法：

语法说明：name设置表单名称；method设置表单发送的方式，可以是“post”或者“get”；action设置表单处理程序；enctype设置表单编码方式；target设置表单显示目标。

信息输入

表单是网页中提供的交互式操作手段，HTML中也提供了很多用于交互的控件，用户必须在表单控件中输入必要的信息，发送到服务器请求响应，然后服务器将结果返回给用户，这样才体现了交互性。这主要通过标签来实现。

基本语法：

语法说明：在标签中，name属性显示插入的控件名称，type属性显示插入的控件类型，例如：文本框、单选按钮、复选框等。

下面分别介绍常用的表单控件的使用语法。

（1）插入文本框text和密码框password。

基本语法：

文本框：

密码框：

语法说明：在表单中插入文本框和密码框，只要将标记中type属性值设为text或者password就可以插入单行的文本框或者密码框。设置为密码框之后输入内容不会出现，以符号代表。maxlength代表文本框的最大长度，size代表宽度，value显示文本框默认值。

（2）插入文件域file。

基本语法：

语法说明：在表单中插入文件域，只要将标记中type属性值设为file就可以插入文件域。可以利用文件域选取文件。

（3）插入复选框checkbox和单选框radio。

基本语法：

复选框：

单选框：

语法说明：在表单中插入复选框，只要将标记中type属性值设为checkbox就可以插入复选框。其中的id为可选项。在表单中插入单选按钮，只要将标记中type属性值设为radio就可以插入单选按钮。

（4）插入按钮。

基本语法：

语法说明：在表单中插入按钮，标记中type属性值设为button就可以插入标准按钮。设为submit代表提交按钮，当用户填完表单对象中的信息后，需要有一个提交信息的动作，可以使用提交按钮，这会引起页面的刷新。设为reset代表重置按钮，当用户填完表单对象中的信息后，对自己填过的信息不满意时，想清除所填内容，可以使用重置按钮。

（5）插入图像域image。

基本语法：

语法说明：为了美观效果，可以用一张图片做提交或者其他类型的按钮，可以通过插入图像域来实现。在表单中插入图像域，只要将标记中type属性值设为image。

（6）插入文字域textarea。

基本语法：

语法说明：如果需要输入多行文字，行间可以换行，可以使用文字域。在表单中插入文字域，只要插入成对的文字域标记即可。其中的“wrap”和“id”为任选项。rows代表文字域行数，cols代表文字域列数，取值都为数字。

（7）插入下拉菜单

基本语法：

语法说明：在表单中插入下拉菜单和列表项，只要插入成对的，其中嵌套

HTML5新增表单控件类型

HTML5大幅改进了标签的控件，不同控件的表单元素所附加的功能也不相同。到目前为止，对HTML5新增表单控件支持最多、最全面的浏览器是Opera浏览器。对于不支持新增表单类型的浏览器来说，会默认识别为text控件，即显示为普通文本。

下面分别介绍新增的表单控件的使用语法。

（1）输入地址定义的文本框url。

基本语法：

语法说明：在表单中插入url地址定义的文本框，只要将标签中type属性值设为url。在验证输入文本的格时，如果该文本框中的内容不符合url地址的格式，会提示验证错误。

（2）插入地址定义文本框email。

基本语法：

语法说明：在表单中插入email，只要将标签中type属性值设为email就可以插入E-mail地址定义的文本框。在验证输入文本的格式时，如果该文本框中的内容不符合E-mail地址的格式，会提示验证错误。email的元素还有一个multiple属性，表示在该文本框中可输入隔开的多个邮件地址。

（3）插入范围选择器range。

基本语法：

语法说明：在表单中插入range，只要将标签中type属性值设为range就可以插入数值选择器滑动条，表明为某一特定范围内的数值选择器。它还具有min和max属性，表示选择范围的最小值（默认为0）和最大值（默认为100）；还有step属性，表示拖动步长（默认为1）。

（4）插入数字文本框number。

基本语法：

语法说明：在表单中插入专门为输入特定的数字而定义的文本框，标签中type属性值设为number。与range控件类似，都具有min、max和step属性，表示允许范围的最小值、最大值和调整步长。

（5）插入电话文本框tel。

基本语法：

语法说明：在表单中插入电话文本框，只要将标签中type属性值设为tel就可以插入专门为输入电话号码而定义的文本框。

（6）插入搜索文本框search。

基本语法：

语法说明：在表单中只要将标签中type属性值设为search就可以插入专门为输入搜索引擎关键词定义的文本框。

（7）插入颜色选择器color。

基本语法：

语法说明：在表单中只要将标签中type属性值设为color就可以插入颜色选择器，可以看到颜色表单元素的效果。

（8）插入时间有关的选择器date/month/week/time/datetime-local。

基本语法：

语法说明：在表单中只要将标签中type属性值设为相应的选择器就可以显示相应的控件。其中，date会提供日期选择器；month会提供月选择器；week会提供周选择器；time会提供时间选择器；datetime会提供完整的日期和时间（包含时区）的选择器。


	相关知识点：
	设置表格标题编辑网页文字样式创建图片标签页面 HTML文档头部标签设置日期时间 HTML和HTML5基础章节文字修饰标签创建HTML5文档结构插入画布设置表格标签属性文字上下标辅助内容标题水平线导航添加空格及特殊符号表格的嵌套设置表格表头设置基本表格结构文字居中显示图像的插入和编辑文章创建框架页结构设置表格行与单元格 HTML/HTML5常用标签 HTML5标记语言创建画布创建的绘图流程联系信息添加注释使用<！--> 列表 HTML5基础设置文字与段落创建表格段落和预格式化 HTML基础页脚音频和视频的插入和编辑

	软考在线指南
	优惠劵及余额
	在线支付
	修改密码
	下载及使用
	购买流程
	取消订单

	联系我们
	关于我们
	联系我们
	商务合作

旗下网站群

高级资格科目
信息系统项目管理师	系统分析师
系统架构设计师	网络规划设计师
系统规划与管理师
初级资格科目
程序员	网络管理员
信息处理技术员	信息系统运行管理员

中级资格科目
系统集成项目管理工程师	网络工程师
软件设计师	信息系统监理师
信息系统管理工程师	数据库系统工程师
多媒体应用设计师	软件评测师
嵌入式系统设计师	电子商务设计师
信息安全工程师

本网站所有产品设计（包括造型，颜色，图案，观感，文字，产品，内容），功能及其展示形式，均已受版权或产权保护。
任何公司及个人不得以任何方式复制部分或全部，违者将依法追究责任，特此声明。
本站部分内容来自互联网或由会员上传，版权归原作者所有。如有问题，请及时联系我们。

工作时间：9:00-20:00

客服

商务合作

客服邮箱service@rkpass.cn

京B2-20210865 | 京ICP备2020040059号-5 |