1.首页
2.列表页
3.详情页
4.登录页
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>链接跳转</title>
</head>
<body>
<h1>欢迎您来到登录页</h1>
<a href="https://www.baidu.com/">首页</a>
<a href="https://www.bilibili.com/">列表页</a>
<a href="https://v.qq.com/">详情页</a>
<a href="https://youku.com/">登录页</a>
</body>
表单
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单</title>
</head>
<body>
<h2>青春不常在，抓紧谈恋爱</h2>
<form action="https://www.baidu.com/">
性别
<input type="radio" name="xingbie"> 女
生日
<select name="nian" id="1" value="--请选择年--">
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2002">2003</option>
<option value="2002">2004</option>
<option value="2002">2005</option >
<option value="2002">2006</option>
<option value="2002">2007</option>
</select>
<select name="yue" id="2" value="--请选择月--">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
<option value="1">6</option>
<option value="1">7</option>
<option value="1">8</option>
<option value="1">9</option>
<option value="1">10</option>
<option value="1">11</option>
<option value="1">12</option>
</select>
<select name="ri" id="3" value="--请选择日--">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
<option value="1">6</option>
<option value="1">7</option>
<option value="1">8</option>
<option value="1">9</option>
<option value="1">10</option>
<option value="1">11</option>
<option value="1">12</option>
<option value="1">13</option>
<option value="1">14</option>
<option value="1">15</option>
<option value="1">16</option>
<option value="1">17</option>
<option value="1">18</option>
<option value="1">19</option>
<option value="1">20</option>
<option value="1">21</option>
<option value="1">22</option>
<option value="1">23</option>
<option value="1">24</option>
<option value="1">25</option>
<option value="1">26</option>
<option value="1">27</option>
<option value="1">28</option>
<option value="1">29</option>
<option value="1">30</option>
<option value="1">31</option>
</select><br />
所在地区
<input type="text" name="user" value="南京"><br />
婚姻状况
<input type="radio" name="hunyin"> 未婚
<input type="radio" name="hunyin"> 已婚
<input type="radio" name="hunyin"> 离婚<br />
学历
<input type="text" name="user" value="幼儿园"><br />
喜欢的类型
<input type="checkbox" name="type">妩媚的
<input type="checkbox" name="type">可爱的
<input type="checkbox" name="type">小鲜肉
<input type="checkbox" name="type">老腊肉
<input type="checkbox" name="type">都喜欢<br />
自我介绍
<textarea cols="15" rows="2">
自我介绍
</textarea><br />
<button>免费注册</button><br />
<input type="radio" name=".">我同意注册条款和会员加入标准<br />
<a href="https://www.baidu.com/" target="_blank">我是会员,立即登录
</a> <br />
</form>
<h1>我承诺</h1>
<ul>
<li>年满18岁、单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</body>
</html>
扫一扫
1548
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
