HTML——表单&输入

1.关于表单

表单是一个包含表单元素的区域。<form></form>

表单元素是允许用户在表单中(比如文本域、下拉列表、单选框、复选框)输入信息的元素。

2.输入

input——

type可选值：text(文本域)、radio(单选框)、checkbox(复选框)、password(密码暗文输入)、reset(重置文本框)

name:用于后台程序使用

value:默认值

<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>

3.表单的动作属性和确认按钮

点击确认后，表单的内容会被传送到另一个文件，action定义了目的文件的文件名

<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

4.下拉列表

selected：默认选中

multiple="multiple" 表示可多选

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

5.多行文本域

<textarea rows="10" cols="50">在这里输入内容...</textarea>

6.创建按钮

<form>
<input type="button" value="Hello world!">
</form>

7.带标题的框

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

8.form中的label标签

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。

如果你在 label 标签内点击文本，就会触发此控件。

就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

<label for="控件id名称"></label>

9.表单标签