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.表单标签

标签	描述
<form>	定义供用户输入的表单
<input>	定义输入域
<textarea>	定义文本域 (一个多行的输入控件)
<label>	定义一个控制的标签
<fieldset>	定义域
<legend>	定义域的标题
<select>	定义一个选择列表
<optgroup>	定义选项组
<option>	定义下拉列表中的选项
<button>	定义一个按钮
<isindex>	已废弃。由 <input> 代替。

转载于:https://www.cnblogs.com/congyue-pepsi/p/5664759.html