XHTML 表单 form 标签

XHTML 表单主要用于收集用户的输入信息,达到网站与用户互动的效果。

XHTML 表单

使用 <form></form> 标签来定义一个表单:

<form>
  表单元素(文本域、下拉列表、单选框、复选框等)
</form>

表单是一个包含表单元素的区域,通常表单是不可视的,而其内的表单元素是可见的。

<form> 标签属性

属性 说明
id/name 必需,定义表单的id/名称
method 必须,表单的发送方式,分为 get 方式和 post 方式,详见《XHTML Get与Post
action 可选,接收表单信息的文件,省略则为当前页面
enctype 可选,定义在发送到服务器之前应该如何对表单数据进行编码
在使用包含文件上传控件的表单时,必须设置该属性值为 multipart/form-data 。

表单标签列表

标签 说明
<form></form> 定义表单
<input /> 输入域
<textarea></textarea> 多行文本输入
<label></label> 控制标签
<fieldset></fieldset> 定义域
<legend></legend> 域标题
<select></select> 选择列表
<optgroup></optgroup> 选项组
<option></option> 下拉列表选项
<button></button> 按钮

例子:

<form name="commentform" method="post" action="comment.php">
<p>
昵称:
<input type="text" name="nickname" />
</p>
<p>
电子邮件:
<input type="text" name="email" />
</p>
<p>
评论内容:
<textarea name="content" rows="8" cols="40">
</textarea>
</p>
<p>
<input type="submit" value="提 交" />
<input type="reset" value="重 置" />
</p>
</form>

该例子将用户输入的表单信息以 POST 方式提交给 comment.php 文件处理。

提示

要处理表单提交的信息(如写入数据库),需要动态语言诸如 asp 或 php 等。学习 PHP 语言请参看本站《PHP基础教程》,php 处理表单请参看《PHP 表单》。

本章节内容共分 5 部分:

  1. 1. XHTML 表单 form 标签
  2. 2. XHTML 表单元素 input 标签
  3. 3. XHTML Get与Post
  4. 4. XHTML 多行文本输入 textarea标签
  5. 5. XHTML 下拉列表|菜单 select标签

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程