表单的结构
第1关：表单的基本概念
任务描述
本关任务：完成一组有关表单组成的概念题。
相关知识
为了完成本关任务，你需要掌握：1.表单的结构，2.form标签的属性。
表单的结构
表单是收集用户数据的容器。一个表单通常由表单控件和相关的提示信息组成。
表单控件：实现用户输入的组件。如文本框、密码框、单选按钮、复选按钮、下拉列表框、多行文本框、文件域等控件。
提示信息：提示用户进行填写和操作的说明文字。
每个表单都以form开始标签开始，以form结束标签结束。两个标签之间是组成表单的各个控件及提示信息。表单的基本结构如下：
form的属性
表单在向服务器传输数据时需要一些进行一些设置，可通过form标签的属性来实现。
name
每个表单及其表单控件都有一个 name 属性，用于在提交表单时对表单及数据进行识别。
action
在提交表单时，action属性用于指定接收并处理表单数据的服务器程序的url地址。
method
在提交表单时，method属性用于设置表单数据的提交方式。有两种方法：get方法和post方法。
get方法
采用GET方法时，浏览器会与服务器建立连接，然后将表单数据直接附在action属性设置的URL之后，通过URL在一个传输步骤中发送所有的表单数据，URL和表单数据之间用问号进行分隔。
显然这种方法用户数据要显示在地址栏中，保密性很差，而且对用户发送的数据量也有限制。
post方法
采用POST方法是在HTTP请求中嵌入表单数据。浏览器首先与action属性中指定的服务器建立连接，一旦建立连接之后，浏览器按分段传输的方法将数据发送给服务器。
显然这种方法用户数据嵌入在http请求中而不是地址栏的，保密性较好，对用户发送的数据量也无限制。但post方法发送的信息是未经加密的，容易被黑客获取。
其他属性
在HTML5中，form标签还有两个新的属性。
autocomplete：规定是否启用表单的自动完成功能。自动完成允许浏览器侦测字段输入，当用户开始键入时，浏览器会基于以前键入过的值，自动列表显示在字段中填写的选项。取值为on,启用自动完成功能;取值为on,取值为off，禁止自动完成功能。
novalidate：规定是否不进行表单验证。启用该属性，则当提交表单时不进行验证。
表单控件的类型
常用的表单控件有以下几种：
input控件：是单行输入型控件，用来接受用户输入的信息。
textarea控件：用来创建一个支持多行的文本输入区域。
select控件：用于创建下拉列表框。
button控件：用于定义一个按钮。
开始你的任务吧，祝你成功！
参考答案：
第2关：学会设置action和method属性
任务描述
本关任务：创建一个表单，并设置form的属性。
相关知识
为了完成本关任务，你需要掌握：form标签及其属性
form表单示例
在HTML中，使用标签来定义表单，在该标签中可通过name设置表单名称，通过action属性设置接收并处理表单数据的程序路径，method属性设置提交方法。例如：
编程要求
根据提示，在右侧编辑器补充代码，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.创建一个带有下列选择的表单，表单名为”selectForm”
2.表单提交方式为post
3.表单提交后，执行程序”myselect.jsp”。
测试说明
平台会对你编写的代码进行测试：
补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。
越努力越幸运，祝你成功！
参考代码：
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！