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

最新推荐文章于 2023-03-21 22:59:38 发布

舒眉

最新推荐文章于 2023-03-21 22:59:38 发布

阅读量230

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/sunshine_0880/article/details/78008837

版权

HTML 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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

结果如下：