创建表单
被考次数： 1次
被考频率： 低频率
答错率：    59%
知识难度：
考试要求： 掌握     
知识路径：  > 电子商务系统程序设计基础  > Web 设计基础  > HTML5标记语言  > HTML5标记语言


本知识点历年真题试卷分布
>> 试题列表    
 

 
       表单是网页中提供的一种交互式操作手段，在网页中的使用十分广泛。用户可以通过提交表单信息与服务器进行动态交流。表单主要可以分为两部分：一是用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会提供完整的日期和时间（包含时区）的选择器。
 

更多复习资料
请登录电脑版软考在线 www.rkpass.cn

京B2-20210865 | 京ICP备2020040059号-5
京公网安备 11010502032051号 | 营业执照
 Copyright ©2000-2025 All Rights Reserved
软考在线版权所有