表单标签-注册（类比搜狐）

来源：互联网发布：黑客攻击软件编辑：程序博客网时间：2024/06/05 08:22

包括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）

阅读全文

0 0