HTML——表单

HTML 表单用于搜集不同类型的用户输入。

<form>
 .
form elements
 .
</form>

表单元素

<input>元素

<input type="text"> 定义用于文本输入的单行输入字段：
例如：
 <form>
 First name:<br>
<input type="text" name="firstname">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 


<input type="radio"> 定义单选按钮。
例如：
<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 


<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定：
例如：
<form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 
如果省略 action 属性，则 action 会被设置为当前页面。


Name 属性:如果要正确地被提交，每个输入字段必须设置一个 name 属性。


用 <fieldset> 组合表单数据
<legend> 元素为 <fieldset> 元素定义标题。
例如：
<form action="action_page.php">
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>
</form> 



<select> 元素（下拉列表）
例如：
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

<option> 元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。
能够通过添加 selected 属性来定义预定义选项。
<option value="fiat" selected>Fiat</option>


<textarea> 元素定义多行输入字段（文本域）：
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>