格式优雅的表单标签

最新推荐文章于 2024-07-19 12:58:53 发布

Camellia——

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量72

点赞数

分类专栏：前端文章标签： servlet 前端 java

本文链接：https://blog.csdn.net/weixin_57219176/article/details/126508298

版权

前端专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>格式优雅</title>
	</head>
	<body>
		<form action="#" method="GET">
			<table  align="center" width="100px" heigth="100px">
				<tr>
					<td>用户名：</td>
					<td>
						<input type="text" name="username" placeholder="请输入用户名"/>
					</td>
				</tr><br />
					
				<tr>
					<td>密码：</td>
					<td>
						<input type="password" name="password" placeholder="请输入密码"/>
					</td>
				</tr><br />
					
				<tr>
					<td>出生日期：</td>
					<td>
						<input type="date" name="date"/>
					</td>
				</tr><br />
				
				<tr>
					<td>性别：</td>
					<td>
						<input type="radio" name="gender"/>男
						<input type="radio" name="gender"/>女
					</td>
				</tr><br />
				
				<tr>
					<td>兴趣爱好：</td>
					<td>
							<input type="checkbox" name="hobit" value="篮球"/>篮球
							<input type="checkbox" name="hobit" value="足球"/>足球
							<input type="checkbox" name="hobit" value="联盟"/>联盟
					</td>
				</tr>
				
				<tr>
					<td>邮箱：</td>
					<td>
						<input type="email" name="email" placeholder="请输入"/>
					</td>
				</tr>
				
				<tr>
					<td>电话：</td>
					<td>
						<input type="tel" name="telephone" placeholder="请输入"/>
					</td>
				</tr>
				
				<tr>
					<td>大学：</td>
					<td>
						<select name="university">
							<option value="请选择">请选择</option>
							<option value="哈工大">哈工大</option>
							<option value="上交大">上交大</option>
							<option value="浙大">浙大</option>
						</select>
					</td>
				</tr><br />
				
				<tr>
					<td>上传图片：</td>
					<td>
						<input type="file" name="pricture"/>
					</td>
				</tr><br />
				
				<tr>
					<td>
						自我介绍：
					</td>
					<td>
						<textarea rows="1" cols="8">hello!</textarea>
					</td>
				</tr>
				
			</table>
			<input type="submit" value="提交"/>
			<input type="reset" value="重置"/>
		</form>
	</body>
</html>