视频加载中...
HTML表单
HTML 表单用于搜集不同类型的用户输入。
<form> 元素
<form> 元素定义 HTML 表单:
语法:<form></form>
HTML 表单包含 表单元素 。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
<input> 元素有很多形态,根据不同的 type 属性。
1. 文本输入
<input type="text"> 定义用于文本输入的单行输入字段
2、密码框
<input type=" password "> 定义单选按钮。
密码框是为了隐藏用户密码信息的输入框,语法形式与文本框差不多,不同的是类型 为 password。
3、单选按钮输入
<input type="radio"> 定义单选按钮。
单选按钮是在表单中有多个选项,且只能选一个的情况下使用。
注:checked表示默认选中项。
如:<input type="radio" name="sex"checked> 男
<input type="radio" name="sex"> 女
表示默认选中男项。
4、复选框(Checkboxes)
<input type="checkbox"> 定义了复选框。
复选框是可以选多个选项的选项框,与单选不同的是复选框可以选取多个选项,而且也可以默认几个选项都处于选中状态。
注:checked表示默认选中项。
如:<input type="checkbox" checked>
5、<select> 元素(下拉列表)
下拉列表是可以选择的列表,当在列表中选择要选的选项时使用,只能选其中一个选项(通过设置也可以选几项)。
语法:
<select>
<option>北京</option>
<option selected>上海</option>
</select>
注:selected 表示默认选中项
6、<textarea> 元素(文本域)
<textarea> 元素定义多行输入字段:
文本域是用在要输入多行文本,填写大量的文字时用到。