2020-05-06

HTML表单元素

（1）实现表单提交功能，需要两部分配合才能实现：首先需要服务器端程序接收客户端表单提交来的数据；其次定义客户端HTML表单元素收集用户信息并提交数据到服务器。
（2）表单由两部分组成：form元素用来定义一个表单整体，其中包含多种表单元素，用于收集用户的各种信息；表单元素用于与用户交互，收集用户的各种明细信息。
（3）表单form元素的method属性，用于定义表单向服务器提交数据的方式，主要有两种方式：get方式和post方式。
（4）get方式提交表单是以明文方式将数据提交给服务器。要提交的数据都以查询字符串（?变量名=值&变量=值 …）的方式出现在URL的结尾。get方式安全性差，且有大小限制，最大可发送2KB数据。get方式通常用于希望从服务器查询数据时，快速发送查询条件到服务器。
（5）post方式提交表单是以隐藏的方式将数据提交给服务器。要提交的表单数据不会出现在URL的结尾，而是包含在请求消息主体的内部。post方式安全性高，且没有数据大小限制。post方式通常用于提交大量的数据或文件到服务器。
（6）表单的enctype属性用于定义表单数据进行编码的方式，也就是定义允许将什么样的数据提交给服务器，包括：默认值application/x-www-form-URLencoded，意为允许提交普通数据或特殊字符给服务器；multipart/form-data，意为允许上传文件到服务器；text/plain，意为只允许将普通数据提交给服务器，不允许提交特殊字符和文件。
（7）input元素是单标记元素，可写为或。input元素共同的属性包括：type属性定义input元素的展现形式；name属性定义元素的名称，还是将数据提交给服务器时为数据起的名称；value属性定义元素的值，也是指要提交给服务器的数据值。
（8）input元素的表现形式（type属性值）包括：文本框（type=“text”）、密码框（type=“password”）、提交按钮（type=“submit”）、重置按钮（type=“reset”）、普通按钮（type=“button”）、单选按钮（type=“radio”）、复选框（type=“checkbox”）、隐藏域（type=“hidden”）、文件选择框（type=“file”）。
（9）其他表单元素包括：多行文本域、选择框。
（10）表单中其他元素包括：标签、元素分组、内嵌框架。
（11）文本框的特有属性包括：maxlength属性，用于限制文本框或密码框中可输入的最多字符数；readonly属性，用于限制文本框或密码框是否只读；disabled属性，用于定义一个input元素是否可用；placeholder属性，用于定义在文本框中初始时显示的提示信息。（12）当一组多个单选按钮多选一时，应该为一组内的多个单选按钮定义相同的name属性作为组名。相同name属性的一组单选按钮中，只能有一个单选按钮被选中。为了将选中项的值提交到服务器，还要为每个单选按钮定义对应的value属性值。
（13）希望在多个备选项中选择多个，可使用复选框。应将多个复选框分为一组，组内每个复选框定义相同的name属性作为组名。每个复选框都要定义value属性，作为选中后提交到服务器的数据值。一组复选框，可同时选中多个。
（14）多行文本域特有的属性包括：cols属性，用于定义文本域的列数；rows属性，用于定义文本域的行数。
（15）选择框元素是select，选项元素是option。选项元素option必须包含在选择框form元素的开始标记和结束标记之间。name属性必须定义在select元素上，而对于value属性而言，却要在每个option上定义一个不同的value属性。
（16）select元素两个特殊属性：size属性，可设置默认显示的选项个数，修改选择框的大小；multiple属性，可设置允许在select元素内同时选择多个选项。multiple属性不用设置属性值，只要将其放在select元素开始标记中，就表示可多选。
（17）要想加载另一个子页面，需要定义具体属性：src属性，用于指定要嵌入的另一个网页的地址；width属性和height属性，用于指定iframe的宽度和高度；frameborder属性，用于指定iframe的边框。如果不想要边框，可将该属性值设置为0。