HTML表单详解

HTML表单详解HTML表单详解 HTML表单详解收藏 Web页面是一种文档，HTML就是用来编写这些文档的一种标记语言，文档的结构和格式的定义是由HTML元素来完成的，HTML元素是由单一或一对标签定义的包含范围。表单在HTML文档和用户之间，提供了一种交互的方式。利用表单，可以提交信息到Web服务器。 1.表单与服务器的交互过程利用表单填写好信息以后，点击“提交”按钮，信息就会被浏览器发送到服务器端。当服务器端收到信息后，对这些信息进行一些处理，然后返回信息到浏览器，最终呈现在用户面前。 2.表单元素介绍 (...

HTML 表单详解 HTML表单详解收藏 Web页面是一种文档，HTML就是用来编写这些文档的一种标记语言，文档的结构和格式的定义是由HTML元素来完成的，HTML元素是由单一或一对标签定义的包含范围。表单在HTML文档和用户之间，提供了一种交互的方式。利用表单，可以提交信息到Web服务器。 1.表单与服务器的交互过程利用表单填写好信息以后，点击“提交”按钮，信息就会被浏览器发送到服务器端。当服务器端收到信息后，对这些信息进行一些处理，然后返回信息到浏览器，最终呈现在用户面前。 2.表单元素介绍 (1) 属性method用于指定向服务器发送表单数据时所使用的HTTP方法，可以是get或者post这两种方法中的一种，get是默认方法。当采用get方法提交表单时，提交的数据被附加到URL(在属性action中指定)的末端，作为URL的一部分发送到服务器端。而post方法，是将表单中的信息作为一个数据块发送到服务器端。无论采用哪一种方法，数据的编码都是相同的。在提交数据时，如果数据量小，又没有安全方面的考虑，可以采用get方法提交表单。如果数据量较大，或者有安全方面的考虑，往往采用post方法提交表单。属性action指定对表单进行处理的脚本的地址。也就是说，表单提交到服务器后，交由谁来处理，在action属性中指定处理者的URL。 (2)元素如果要接收用户的信息，我们可以在

元素的开始标签和结束标签之间，添加元素。元素是一个带有属性的空元素，用来创建表单中的控件，其语法是: 1. 属性type用于指定要创建的控件的类型。属性name用于指定控件的名称，处理表单的服务器端脚本可以获得以名称-值对所表示的表单数据，利用名称可以取出对应的值。属性size用于指定控件的初始宽度。属性value指定控件的初始值。 (3)单行文本输入控件元素，这将在浏览器中显示一个单行的文本输入控件，语法是一个类型为text的如下: 1. (4)“提交”按钮将属性type设置为“submit”来创建“提交”按钮。如果表单中只有一个“提交”按钮，就不需要为它指定名字。 1. (5)“重置”按钮有时候，用户填写完信息后，发现有错误，想重新填写，为此可以创建一个“重置”按钮，当用户点击表单中的“重置”按钮时，表单中的所有控件都将重新设置为它们的初始值。 1. (6)口令输入控件用户输入密码时可采用。 1. (7)单选按钮例如，用户在输入注册信息时，在选择性别时可采用单选按钮。将的属性type设置为“radio”来创建单选按钮。单选按钮的数量根据你的需要来确定，通过对多个单选按钮使用一个name值，可以指明一组单选按钮。 1. 男 2. 女 (8)复选框复选框让用户在一个列表中选择多个选项。通过将的属性type设置为“checkbox”来创建复选框。 1. 足球 2. 排球 3. 篮球 4. 游泳在这里，我们可以给四个复选框取相同的名字，也可以取不同的名字。如果取相同的名字，当提交表单后，在服务器端的脚本将会接收到多个具有同样名字的名称-值对(被选中的复选框的值都会被提交到服务器端)。 (9)列表框列表框允许用户从一个下拉列表框(下拉菜单)中选择一项。列表框由 2. 3. 4. 5. 6. 7.