表单标签
| 标签 |
描述 |
| form |
定义供用户输入的表单 |
| input |
定义输入域 |
| textarea |
定义文本域 (一个多行的输入控件) |
| label |
定义了 input 元素的标签，一般为输入标题 |
| fieldset |
定义了一组相关的表单元素，并使用外框包含起来 |
| legend |
定义了 fieldset 元素的标题 |
| select |
定义了下拉选项列表 |
| optgroup |
定义选项组 |
| option |
定义下拉列表中的选项 |
| button |
定义一个点击按钮 |
| datalist |
指定一个预先定义的输入控件选项列表 |
| keygen |
定义了表单的密钥对生成器字段 |
| output |
定义一个计算结果 |
代码示例
带边框的表单
<!DOCTYPE html>
<html>
<body>
<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>
</body>
</html>
带输入框和提交按钮的表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool(w3cschool.cn)</title>
</head>
<body>
<form action="demo-form.php" method="post">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
<p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。</p>
</body>
</html>
