HTML表单_输入元素
- 大多数情况被用到的表单标签是输入标签
- 输入类型是由类型属性(type)定义的。
常用类型如下:
文本域(Test Fields)
文本域通过 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。 文本域为只有一行的文本框,效果如下:
<form>
account_ : <input type="text" name="firstname"><br>
password: <input type="password" name="lastname">
</form>
- 可以通过将
input type
的值改为password
来讲文本域改为密码字段专用(即输入不可见 **或···)
单选按钮和复选框(Radio Buttons ,ChackBoxes)
<input type="radio">
<input type="checkbox">
<form>
<input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female<br>
<input type="checkbox" name="vehicle" value="Bike">I have a bike
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
- 同一个
name
属性的单选框为一组(一组只能选中一个) value
或许是按钮的返回值,瞎猜就完事
select选择列表
<form action="">
<select name="cars">
<option value="null">请选择性别</option>
<option value="1">男</option>
<option value="2">女</option>
<option value="3" selected>不详</option>
</select>
</form>
- 无需多余解释,代码即可
- 可在
option
标签中 添加selected
元素即为预选项,如没有,则默认为第一个option
提交按钮(Submit Button)
<input type="submit">
定义了提交按钮.
顾名思义,提取表单中的数据到某处
- 当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。