html中如何将表单分隔开,HTML 表单

action 属性

定义了发送数据要去的地址。它的值必须是一个有效的 URL，可以是相对 URL 也可以是绝对 URL。如果没有提供此属性或者action="#"，则数据将被发送到包含表单的页面的 URL。

语法：

method 属性

定义如何发送数据。HTML 表单数据可以通过许多不同的数据传输，其中最常见的是 GET 方法和 POST 方法。

get方法

浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。

例子：

What do you want to say?

Where do you want to go?

发送数据

注：如例子所示数据被附加到URL 作为一系列的名称/值对。在 URL web 地址结束之后，我们包括一个问号(?)，后面是名称/值对，每一个都由一个与符号(&)分隔开。

post方法

使用 post 方法。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。在服务器端，一旦 post 样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

注：使用 get 请求用户将在他们的 URL 栏中看到数据，但是使用 post 请求用户将不会看到。因此一般 get 用于查询数据， post 用于传输密码等。

使用内置表单数据验证

HTML5 一个特别有用的新功能就是，可以在不写一行脚本代码的情况下，即对用户的输入进行数据校验，这都是通过表单元素的校验属性实现的，这些属性可以让你定义一些规则，用于限定用户的输入。比如我们前面所学到的 e-mail 输入框，就会要求我们输入有效的 e-mail 地址。

required 属性

输入值不能为空,如果输入值为空，将会提示错误信息。

Where you want to go?

Submit

强制条目的长度

所有文本框 ( 或 ) 可以强制使用 minlength 和 maxlength 属性，如果值小于该字段 minlength 的值或大于 maxlength 值则无效。

Which number would you like?

Submit

fieldset 和 legend 元素

元素组合表单中的相关数据， 元素为 元素定义标题。

我是标题

姓名:

年龄:

文本输入框(input)

文本输入框是最基本的表单组件，它便于用户输入各种数据。

注：HTML 文本框只是个纯文本输入控件。这就意味着你不能用它来进行富文本编辑(如加粗、斜体等)。所谓的富文本编辑器其实都是自定义的组件。

所有文本域的通用规范：

它们可以被标记为 readonly (用户不能修改输入值)甚至是 disabled (输入值永远不会与表单数据的其余部分一起发送)。

它们可以有一个 placeholder; 这是文本输入框中出现的文本，用来简略描述输入框的目的。

它们都受 size (输入框的物理尺寸) 和 length (文本框可以输入的最大字符数)约束。

如果浏览器支持的话，可以进行拼写检查。

自动补全组件：

使用元素来为表单小部件提供建议的、自动完成的值，并使用一些子元素来指定要显示的值。然后使用 list 属性将数据列表绑定到一个文本域(通常是一个 元素)。

一旦数据列表与表单小部件相关联，它的选项用于自动完成用户输入的文本。通常，这是作为一个下拉框向用户展示的，在输入框中输入可能匹配的内容。

例子：

What's your favorite color?

black

blue

green

red

black

yellow