首页 > HTML教程_HTML语言视频教程 > FORM 元素 | form 对象-HTML元素(41)

HTML教程_HTML语言视频教程

FORM 元素 | form 对象-HTML元素(41)

发布:E时代科技  分类:HTML教程_HTML语言视频教程 浏览:2139 次

  FORM 元素 | form 对象-HTML元素(41)

  指定所包含控件在表单中起作用。

  注释

  表单允许客户端的用户以标准格式向服务器提交数据。表单的创建者为了收集所需数据,使用了各种控件设计表单如 INPUT 或 SELECT。查看表单的用户只需填充数据并单击提交按钮即可向服务器发送数据。服务器上的脚本会处理这些数据。

  如果数据要发送出去的话,那么必须定义每个控件元素的 NAME 标签属性。表单中的元素可使用 name 属性或 id 属性,或通过 elements 集合引用。

  如果焦点位于表单中的控件时用户按 Esc 键,该控件的值将会恢复到上次的值。如果用户再次按 Esc 键,整个表单都会重置。如果焦点位于表单中但并不在某个控件时用户按了 Esc 键,整个表单都会重置。

  如果表单仅包含一个文本框时用户按下回车键,onsubmit 事件将触发。如果表单有 INPUT type=submit 元素,该元素将会变为带有黑色边框,这意味着用户按下回车键即可提交表单。

  FORM 元素是块元素。

  FORM 元素需要关闭标签。

  示例

  下面的例子使用 FORM 元素创建了一个简单的表单,其中包含一个用于输入用户姓名的文本框和用于选择喜爱冰淇淋口味的选择框。当用户单击提交按钮时,表单将把数据发送到 ACTION 标签属性列出的 URL。METHOD 标签属性的值决定了将服务器发送到服务器的方式。

  SHOWExample

  《HTML》

  《FORM ACTION=“http://example.microsoft.com/sample.html” METHOD=“POST”》

  输入你的姓名: 《INPUT NAME=“FName”》《BR》

  喜爱的冰淇淋口味:

  《SELECT NAME=“Flavor”》

  《OPTION VALUE=“Chocolate”》巧克力

  《OPTION VALUE=“Strawberry”》草莓

  《OPTION VALUE=“Vanilla” SELECTED》香草

  《/SELECT》

  《P》《INPUT TYPE=SUBMIT》

  《/FORM》

  《/HTML》

  查看更多HTML教程》》》》》