HTML总结(下篇)

上接上篇总结

表单

type属性

用户可以通过对type进行设置就可以决定使用那种input表单

用户名：<input type = "text"/>  //文本输入框
密码：<input type = "password"/> //密码输入框
确认：<input type = "button"/>  //普通按钮

type总结

value属性

设置默认文本值

用户名：<input type="text" name="username" value="请输入用户名">

name属性

name属性的作用是给表单命名，以区分不同的表单，其次我们可以很快的从后台找到该表单。

用户名:<input type="text" name="自己定义"/>

其中值得一提的时radio属性与name属性共同使用
比如说同时有多个radio，我们可以通过给他们命名相同的名字name，这样就可以多个选其中一个。

用户名:<input type="radio" name="sex" value="男"/>
用户名:<input type="radio" name="sex" value="女"/>

checked属性可以让radio有一个默认选中的状态

用户名:<input type="radio" name="sex" value="男" checked="checked"/>
用户名:<input type="radio" name="sex" value="女"/>

label属性

作用：label用于绑定表单元素，当点击label时，与label绑定的表单元素会获得输入焦点

绑定元素的两种方法
1.label直接包括input表单

<label>用户名：<input type="radio" name="username" value="请输入用户名"></label>

2.通过for属性规定label与那个表单元素绑定

<label for "sex">男</label>
<input type="radio" name="sex" id="sex">

select属性 框架

<select>
	<option>选项1</option>
	<option>选项2</option>
	<option>选项3</option>
</select>

注意：一个 select 中至少有一个 option