码迷,mamicode.com
首页 > Web开发 > 详细

实训篇-Html-表单练习

时间:2020-01-07 16:22:08      阅读:537      评论:0      收藏:0      [点我收藏+]

标签:har   提交   radio   submit   border   day   你好   input   info   

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Regist</title>
	</head>
	<body>
		<h3 align="center">注册页面</h3>
		<form action="emailtop.html" method="get">
		<table align="center" border="1px" width="350px">
			<tr height="50px" >
				<td width="80px" align="center">用户名</td>
				<td colspan="3" align="center">
					<input type="text" name="username" id="username" value="" placeholder="邮箱,手机" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>密码</td>
				<td colspan="3">
					<input type="password" name="pwd" id="pwd" value="" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>性别</td>
				<td colspan="3">
					男<input type="radio" name="sex" id="" value="1" checked />
					女<input type="radio" name="sex" id="" value="0" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>爱好</td>
				<td colspan="3">
					看书<input type="checkbox" name="hobby0" id="" value="0"  />
					看报<input type="checkbox" name="hobby1" id="" value="1" />
					看电视<input type="checkbox" name="hobby2" id="" value="2" />
					学习<input type="checkbox" name="hobby3" id="" value="3" checked />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>籍贯</td>
				<td colspan="3">
					<select name="born">
						<option value="0">请选择</option>
						<option value="1" selected="">山东</option>
						<option value="2">河北</option>
						<option value="3">山西</option>
					</select>
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>生日</td>
				<td colspan="3">
					<input type="date" name="bithday" id="bithday" value="" />
				</td>
			</tr>
			<tr height="100px" align="center" >
				<td rowspan="3">介绍</td>
				<td colspan="3" rowspan="3">
					<textarea name="desc" rows="15" cols="35"></textarea>
				</td>
			</tr>
			<tr height="50px">
			</tr>
			<tr height="50px">
			</tr>
			
			<tr height="50px" align="center">
				<td>手机号</td>
				<td colspan="3">
					<input type="number" name="phone" id="phone" value="" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>第几周</td>
				<td colspan="3">
					<input type="week" name="week" id="week" value="" />
				</td>
			</tr>
			<tr height="50px" align="center">
				<td>上传文件</td>
				<td colspan="3">
					<input type="file" name="file" id="file" value="" />
				</td>
			</tr>
			
			
			
			<tr height="50px" align="center">
				<td colspan="4">
					<!--具有提交表单中数据的作用-->
					<input type="submit" name="" id="" value="提交" />
					<!--普通的按钮可以响应某系事件-->
					<input type="button" name="" id="" value="OK"  onclick="alert(‘你好‘)"/>
					<!--重置表单中的内容 一般不建议使用-->
					<input type="reset" name="" id="" value="重置" />
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>

  技术图片

实训篇-Html-表单练习

标签:har   提交   radio   submit   border   day   你好   input   info   

原文地址:https://www.cnblogs.com/52dxer/p/12161754.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!