当前位置:无忧网络 > 网站建设知识 > HTML标签 > <form> 标签
HTML 标签

HTML <form> 标签

<form> 标签定义与用法

<form> 标签用于为用户输入创建 HTML 表单。

表单用于向服务器传输数据。

表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含menus、textarea、fieldset、legend 和 label 元素。

 

<form> 标签实例


<form action="/html/html_tag_form.html" method="get">

   姓名:<input type="text" name="name"><br>

   密码:<input type="password" name="password"><br>

   性别:男<input type="radio" checked="checked" name="Sex" value="male" />  女<input type="radio" name="Sex" value="female" /><br>

   颜色:蓝色 <input type="checkbox" name="blue">  红色 <input type="checkbox" name="red"><br>

   类型:<select name="leixing">

      <option value="企业网站建设">企业网站建设</option>

      <option value="商城网站建设">商城网站建设</option>

      <option value="社区网站建设">社区网站建设</option>

      <option value="门户网站建设">门户网站建设</option>

      </select><br>

  价格:<select name="jiage">

      <option value="2100">2100</option>

      <option value="2800" selected="selected">2800</option>

      <option value="3500">3500</option>

      </select><br>

   备注:<textarea rows="3" cols="30"></textarea>

   <input type="button" value="提交">

</form>

显示结果:

姓名:
密码:
性别:男
颜色:蓝色 红色
类型:
价格:
备注:
 

说明:

input - text - 文本域:

用户可以在文本域写入文本。
实例中:<input type="text" name="name">

input - password - 密码域:

用户可以在密码域内写入密码,密码域内的内容以“*”号显示。
实例中:<input type="password" name="password">

input - checkbox - 复选框:

用户可以选中或取消选取复选框。
实例中:蓝色 <input type="checkbox" name="blue"> 红色 <input type="checkbox" name="red">

input - radio - 单选框:

创建单选按钮,内容只可以选择一个。
实例中:男<input type="radio" checked="checked" name="Sex" value="male" /> 女<input type="radio" name="Sex" value="female" />

select - 下拉框(一):

下拉列表框是一个可选列表。
实例中:
<select name="leixing">
<option value="企业网站建设">企业网站建设</option>
<option value="商城网站建设">商城网站建设</option>
<option value="社区网站建设">社区网站建设</option>
<option value="门户网站建设">门户网站建设</option>
</select>

select - 下拉框(二):

带有预选值的下拉列表。
实例中:
<select name="jiage">
<option value="2100">2100</option>
<option value="2800" selected="selected">2800</option>
<option value="3500">3500</option>
</select>

input - textarea - 文本域:

多行文本域,在文本域中,可写入的字符字数不受限制。
实例中:<textarea rows="3" cols="30"></textarea>

input - button - 按钮:

按钮上的文字可以自定义,也可以通过 CSS 样式定义图片样式。

 

<form> 必选属性

属性 描述 DTD
action URL 规定当提交表单时,向何处发送表单数据。 STF

必需的 action 属性规定当提交表单时,向何处发送表单数据。

在实例中的 action 值为:/html/html_tag_form.html

URL 可以是绝对地址,也可以是相对地址。实例中使用的就是绝对地址。
相对地址如:html_tag_form.html

action 也可以是一个邮箱地址。

邮箱实例:


<form action="MAILTO:user@ewoyo.com" method="post" enctype="text/plain">

<h3>这个表单会把电子邮件发送到 无忧网络 。</h3>

姓名:<input type="text" name="name" value="您的姓名" size="20">

<br />

电邮:<input type="text" name="mail" value="您的邮箱" size="20">

<br />

内容:<input type="text" name="comment" value="备注内容" size="40">

<br />

<input type="submit" value="发送">

<input type="reset" value="重置">

</form>

显示结果:

这个表单会把电子邮件发送到 无忧网络 。

姓名:
电邮:
内容:
 

<form> 可选属性

属性 描述 DTD
accept MIME_type 规定通过文件上传来提交的文件的类型。 STF
accept-charset charset 服务器处理表单数据所接受的字符集。 STF
enctype MIME_type 规定表单数据在发送到服务器之前应该如何编码。 STF
method
  • get
  • post
规定如何发送表单数据。 STF
name name 规定表单的名称。 TF
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
规定在何处打开 action URL。 TF

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

 

<form> 标准属性


id, class, title, style, dir, lang, xml:lang

如需完整的描述,请访问HTML 标准属性

 

<form> 事件属性


onsubmit, onreset, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,请访问HTML 事件属性

除非注明,文章为合肥网站建设原创,欢迎转载!转载请注明本文地址,谢谢。
本文地址:/html/html_tag_form.html

上一篇:<font> 下一篇:<frame>
合肥网站建设