web前端课程第二次实验。
Home.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="1.png">
<br> <br>
<div>
欢迎您来到叮当图书网,<a href="Information.html">注册</a>或者<a href="Login.html">登录</a>成为我们的会员，然后就可以享受本站提供的各种会员服务
</div>
<table>
<caption style="text-align: center">图书热销榜</caption>
<tr>
<td width="50px" >名次</td>
<td width="200px">书名</td>
<td width="200px">作者</td>
<td width="100px">出版社</td>
<td width="50px">定价</td>
<td width="50px">叮当价</td>
</tr>
<tr>
<td>1</td>
<td>快乐的邮递员</td>
<td>[英] 艾伦阿尔伯格住等著</td>
<td>北京联合出版公司</td>
<td>￥215.00</td>
<td>￥215.00</td>
<td> <a href="">去看看</a></td>
</tr>
<tr>
<td>1</td>
<td>快乐的邮递员</td>
<td>[英] 艾伦阿尔伯格住等著</td>
<td>北京联合出版公司</td>
<td>￥215.00</td>
<td>￥215.00</td>
<td> <a href="">去看看</a></td>
</tr>
<tr>
<td>1</td>
<td>快乐的邮递员</td>
<td>[英] 艾伦阿尔伯格住等著</td>
<td>北京联合出版公司</td>
<td>￥215.00</td>
<td>￥215.00</td>
<td> <a href="">去看看</a></td>
</tr>
<tr>
<td>1</td>
<td>快乐的邮递员</td>
<td>[英] 艾伦阿尔伯格住等著</td>
<td>北京联合出版公司</td>
<td>￥215.00</td>
<td>￥215.00</td>
<td> <a href="">去看看</a></td>
</tr>
</table>
<div>叮当图书网(中国)有限公司2019(c)版权所有</div>
</body>
</html>
information.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
.container {
width: 80%; /* 容器宽度 */
height: 400px; /* 容器高度 */
overflow-y: auto; /* 启用垂直滚动条 */
border: 1px solid #ccc; /* 边框样式，可选 */
padding: 10px; /* 内边距，可选 */
margin: 0 auto; /* 水平居中，可选 */
}
</style>
<body>
<form action="http://localhost">
<fieldset>
<legend style="text-align: center">个人资料</legend>
姓名:<input type="text" name="username"> <br> <br> <br>
性别:<input type="radio" name="sex"> 男
<input type="radio" name="sex"> 女 <br> <br> <br>
出生日期 <input type="text" name="birthday"> <br> <br> <br>
主要经历<textarea rows="4" cols="50"></textarea>
<br> <br> <br>
兴趣爱好 <input type="checkbox" name="fruit">
<label>唱歌</label>
<input type="checkbox" name="fruit">
<label>打球</label>
<input type="checkbox" name="fruit">
<label>下棋</label>
<input type="checkbox" name="fruit">
<label>上网</label>
</fieldset>
<fieldset>
<legend style="text-align: center">专业与课程</legend>
所学专业:
<select id="major">
<option>计算机科学与技术</option>
<option>大数据</option>
<option>网络工程</option>
<option>软件工程</option>
</select>
<!-- 添加更多内容 -->
</fieldset>
<input type="button" value="提交按钮">
<input type="submit" value="真正的提交按钮">
<input type="reset" value="重置按钮">
</form>
</body>
</html>
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
</style>
<body>
<form action="https://www.acwing.com/solution/content/110471/">
<h2>用户登录</h2>
<div>
用户名:<input type="text" name="username">
</div>
<div>
密码 : <input type="password" name="password">
</div>
<br>
<div class="form-group">
<button type="submit" class="btn"><img src="login.png" alt="Login Icon"></button>
<button type="button" class="btn"><img src="register.png" alt="Register Icon" ></button>
</div>
</form>
</body>
</html>
Register.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<fieldset>
<div>
*用户名<input type="text" name="username">
</div>
<div>
*密码<input type="password" name="Repassword">
</div>
<div>
*确认密码<input type="password" name="Repassword">
</div>
<div>
性别<input type="radio" name="sex"> 男
<input type="radio" name="sex"> 女生
</div>
<div>
出生年月<input type="text" placeholder="mm/dd//yyyy" name="birthday">
</div>
<div>
邮箱<input type="email" name="email">
</div>
<div>
职业:<select>
<option>学生</option>
<option>老师</option>
<option>医生</option>
</select>
</div>
<div>
个人爱好:
<input type="checkbox" name="hobby">
<label>电脑网络</label>
<input type="checkbox" name="hobby">
<label>影视娱乐</label>
<input type="checkbox" name="hobby">
<label>棋牌娱乐</label>
<input type="checkbox" name="hobby">
<label>读书读报</label>
<input type="checkbox" name="hobby">
<label>美酒佳肴</label>
<input type="checkbox" name="hobby">
<label>绘画书法</label>
</div>
<div>
<label>个人说明</label>
<textarea cols="50" rows="5"></textarea>
</div>
<div>
<input type="submit"> 提交
<input type="reset"> 清除
</div>
</fieldset>
</form>
</body>
</html>
shopping.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>您的位置:<a href="Home.html">首页</a> >我的购物车</div>
<form action="Home.html">
<table>
<tr>
<td width="100px"> <input type="checkbox"> 全选 </td>
<td width=""></td>
<td width="200px"> 书籍名称</td>
<td width="70px"> 单价</td>
<td width="70px"> 数量</td>
<td width="70px"> 小计元</td>
<td width="70px"> 删除</td>
</tr>
<tr>
<td width="50px"> <input type="checkbox"> </td>
<td width="100px"> <img src="a.png" width="50px" height="50px"></td>
<td>零基础设计自学入门到职场进阶</td>
<td>52.70f</td>
<td> <input type="number"></td>
<td></td>
<td><a href="">删除</a></td>
</tr>
<tr>
<td width="50px"> <input type="checkbox"> </td>
<td width="100px"> <img src="a.png" width="50px" height="50px"></td>
<td>零基础设计自学入门到职场进阶</td>
<td>52.70f</td>
<td> <input type="number"></td>
<td></td>
<td><a href="">删除</a></td>
</tr>
<tr>
<td width="50px"> <input type="checkbox"> </td>
<td width="100px"> <img src="a.png" width="50px" height="50px"></td>
<td>零基础设计自学入门到职场进阶</td>
<td>52.70f</td>
<td> <input type="number"></td>
<td></td>
<td><a href="">删除</a></td>
</tr>
</table>
<button>批量删除</button> <div style="text-align: right" >商品总价（不包含运费）:元</div>
<br>
<div style="text-align: right">
<button >立刻购买</button>
</div>
</form>
</body>
</html>
1095
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
