练习一
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="./img/163logo.gif" alt="" width="200px"><br><br><br>
<a href="#">免费邮</a>
<a href="#">企业邮</a>
<a href="#">VIP邮箱</a>
<a href="#">帮助</a><br><br>
<img src="./img/imap.jpg" alt="" width="300px"><br>
<ul>
<li>慷的生作韩兄遗导高。</li>
<li>死卑使非低，血才落归新，未主。</li>
<li>就要罪秦大姑措他喜智盲，导。</li>
</ul>
<a href="#">立即同步手机号登录</a><br><br>
<form action="">
用户名：<input type="text" name="" id="">@360.com<br><br>
密码：<input type="password" name="" id=""> <br><br>
版本：<select name="" id="">
<option value="">默认</option>
</select><br><br>
<input type="checkbox" name="" id="">自动登录
<input type="checkbox" name="" id="">SSL <br><br>
<img src="./img/netease_logo.gif" alt="">
<a href="#"> 关于网易 免费邮 官方博客 客户服务 隐私政策 | 网易公司版权所有 ? 1997-2011 </a>
</form>
</body>
</html>练习二
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>人人网注册</title>
</head>
<body>
<form action="">
<img src="./img/renren_titile.gif" alt=""><br><br>
<p>人人网，中国 <strong>最真实、最有效</strong> 的社会平台，加入人人网，找回老朋友，结交新朋友。</p>
电子邮箱：<input type="email" name="" id=""><br><br>
设置密码：<input type="password" name="" id=""><br><br>
真实姓名：<input type="text" name="" id=""><br><br>
性别：<input type="radio" name="sex" id="">男
<input type="radio" name="sex" id="">女<br><br>
生日：<select name="" id="">
<option value="1991">1991</option>
</select>年
<select name="" id="">
<option value="11">11</option>
</select>月
<select name="" id="">
<option value="11">11 </option>
</select>日<br>
<p>为什么要填写我的生日?
</p>
我现在：<select>
<option value="">请选择身份</option>
<option value="">医生</option>
</select><br><br>
<img src="./img/renren_code.gif" alt="">
<a href="#">看不清换一张？</a><br><br>
验证码：<input type="password" name="" id=""><br><br>
<img src="./img/renren.gif" alt="">
</form>
</body>
</html>练习三
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>阿里巴巴注册页面</title>
</head>
<body>
<form action="">
<img src="./img/logo.bmp" alt=""><br>
<a href="#">登录 阿里巴巴首页客服中心</a>
<img src="./img/icon1.bmp" alt="">
<a href="#">提建议</a>
<p>如需要帮助，请咨询<img src="./img/icon2.bmp" alt=""> 或拨打400-800-1688</p>
电子邮箱：<input type="email" name="" id=""><br><br>
会员登录名：<input type="text" name="" id=""><br><br>
密码：<input type="password" name="" id=""> <br><br>
再次输入密码：<input type="password" name="" id=""><br><br>
会员身份：<input type="radio" name="id" id="">买家
<input type="radio" name="id" id="">卖家
<input type="radio" name="id" id="">两者都是<br><br>
验证码： <input type="password" name="" id="">
<img src="./img/verycode.gif" alt="">
<a href="#">看不清？换一张 </a><br><br>
<img src="./img/btn_reg.gif" alt=""><br><br>
<textarea name="" id="" cols="30" rows="10">       欢迎阅读阿里巴巴公司（阿里巴巴）服务条款协议(下称"本协议")，您应当在使用服务之前认真阅读本协议全部内容，且对本协议中加粗字体显示的内容，阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站（所涉域名为：Alibaba.com.cn、alibaba.cn、1688.com，下同），所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。
阿里巴巴版权所有 2015-2018著作权与商标声明| 法律声明| 服务条款| 隐私声明| 联系我们| 网站地图| 产品体检中心
阿里巴巴集团：阿里巴巴网络-中国 国际站 全球速卖通 日文站 中国万网| 淘宝网| 支付宝| 中国雅虎| 雅虎口碑网| 阿里软件| 阿里妈妈| 集团研究中心</textarea><br><br>
<a href="#">阿里巴巴版权所有 2015-2018著作权与商标声明| 法律声明| 服务条款| 隐私声<br>明| 联系我们| 网站地图| 产品体检中心
</a>
</form>
</body>
</html>1.input：输入框
属性：type：设置数据类型
text:文本
password:密码
radio:单选框，注意：同一个name属性值是一组数据
checkbox：多选框，点击一次选中，点击二次取消
date:日期
button：普通按钮
submit:提交，将表单信息提交到浏览器
reset：重置按钮
number:设置数字
email:邮箱，提交时有默认的基本数据格式判断
tel:手机号码
file：设置上传文件，默认是一个文件
2.select:下拉框
option标签设置下拉选项
3.textarea：文本域 cols属性设置每行的列数，rows设置有几行
4button:按钮标签，是双标签
7409
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
