表格、表单练习

最新推荐文章于 2022-10-02 10:47:04 发布

又菜又想学java

最新推荐文章于 2022-10-02 10:47:04 发布

阅读量191

点赞数

分类专栏： javaweb各种案例文章标签： html

本文链接：https://blog.csdn.net/weixin_46102607/article/details/113097957

版权

javaweb各种案例专栏收录该内容

10 篇文章 0 订阅

订阅专栏

练习中会用到的文本：
在这里插入图片描述

练习中会用到的图片：
在这里插入图片描述
页面效果

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="img/header.jpg"/>
		<form>
			<table align="center">
			<tr>
				<td>电子邮箱：</td>
				<td><input type="text"/></td>
			</tr>	
			<tr>
				<td>会员登录名：</td>
				<td><input type="text"/></td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="password"/></td>
			</tr>
			<tr>
				<td>再次输入密码：</td>
				<td><input type="password"/></td>
			</tr>
			<tr>
				<td>会员身份：</td>
				<td><input type="radio" />卖家<input type="radio" />买家<input type="radio" />两者都是</td>
			</tr>
			<tr>
				<td>验证码：</td>
				<td><input type="text" />&nbsp<img style="vertical-align: middle;" src="img/verycode.gif" />&nbsp<a href="">看不清？换一张</a><br /><br /></td>
				
			</tr>
			
			<tr>
				<td></td>
				<td><img src="img/btn_reg.gif"/><br /><br /></td>
			</tr>
			<tr>
				<td></td>
				<td><textarea rows="5" cols="45">欢迎阅读阿里巴巴公司（阿里巴巴）服务条款协议(下称"本协议")，您应当在使用服务之前认真阅读本协议全部内容，且对本协议中加粗字体显示的内容，阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站（所涉域名为：Alibaba.com.cn、alibaba.cn、1688.com，下同），所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。 </textarea></td>
			</tr>
			</table>
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<img src="img/footer.jpg"/>
		</form>
	</body>
</html>