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 表单》。