2017-11-17 简易的form表单

最新推荐文章于 2023-05-26 10:37:27 发布

iris w

最新推荐文章于 2023-05-26 10:37:27 发布

阅读量171

点赞数

分类专栏：第一个月html css js jq

本文链接：https://blog.csdn.net/qq_39509597/article/details/78825468

版权

第一个月html css js jq 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

2017年11月17日晚间作业。另外一个是文字标签之间的区别，我觉得比较简单，就不贴了。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<p><span style="font-size: 20px;">注册表</span></p>
	<br/>
	<form>
		<table >
			<tr>
				<td>姓名：</td>
				<td><input type="text" name="username"/></td>
			</tr>
			
			<tr>
				<td>密码：</td>
				<td><input type="password" name=""></td>
			</tr>
				
			<tr>
				<td>性别：</td>
				<td>
					<input checked type="radio" name="sex"/>男
					<input type="radio" name="sex"/>女
				</td>
			</tr>		
			
			<tr>
				<td>照片：</td>
				<td><input type="submit" value="选择文件">未选择任何文件</td>
			</tr>
			
			<tr>
				<td>爱好：</td>
				<td>
					<input type="checkbox" name="hobbies"/>书
					<input type="checkbox" name="hobbies"/>运动
					<input type="checkbox" name="hobbies"/>聊天
				</td>
			</tr>
			<tr>
				<td colspan="2">所在城市：
				<select name="city">
						<option>
							请选择
						</option>
						<option value="北京">
							北京
						</option>
						<option value="上海">
							上海
						</option>	
						<option value="南京">
							南京
						</option>
					</select>	
				</td>
			</tr>
			<tr>
				<td colspan="2">协议：</td>
			</tr>	
			<tr>
				<td colspan="2"><textarea rows="10" cols="22">请遵守相关规定，互相尊重，营造良好氛围。</textarea></td>
			</tr>	
			<tr>
				<td colspan="2"><input checked type="checkbox">我认真阅读并接受以上协议。</td>
			</tr>
			<tr>
				<td><input type="submit"></td>
				<td><input type="reset"></td>
			</tr>
		</table>			
	</form>
</body>
</html>

显示效果