包括label的使用。
lable有两个用法:
1.直接用<label></label>包裹有关内容(一个<input />)
2.<label for=" id-name "> <input type = " text " id = " id-mane "/> <input…… /></label>(两个以及多个<input />)
<!DOCTYPE html>
<html lang="en">
<head>
<title> sou.hu</title>
<meta charset="utf-8">
</head>
<body>
<h3>搜狐手机注册</h3>
<br />
<label>手机号码: <input type="text"/></label> 注册成功后可使用手机号码登录<br /><br />
<label>设置密码: <input type="password"/></label> 6-16位,英文(区分大小写)、数字或常用字符<br /><br />
<label for="first">验证码 : <input type="text" id="first"/> <input type="button" value="点击获取"/></label> 免费获取手机密码<br /><br />
<input type="checkbox" name="radio" /> 同意《搜狐服务协议》<br /><br />
<input type="image" src="zhuce.jpg"/>
<hr />
<h3>邮箱注册</h3>
<label>邮箱账号:<input type="text" value="@sohu.com" /></label> 注册搜狐邮箱,可直接登录其他搜狐旗下产品</p>
<label>设置密码:<input type="password"/></label> 6-16位,英文(区分大小写)</p>
<label>手机号 :<input type="text"/></label> 绑定手机号可增强账户安全</p>
<label>验证码 :<input type="text"/> <input type="button" value="点击获取"/></label> 免费获取手机验证码</p>
<input type="checkbox"/> 同意《搜狐服务协议》</p>
<input type="image" src="zhuce.jpg">
<hr />
<h3></h3>
</body>
</html>
结果 如下:
当点击方框前的汉字时,方框被选中。(label)