HTML表单综合实例

当前位置 : 首页 > 网页制作 > CSS > HTML表单综合实例

HTML表单综合实例

来源: 作者: 时间:2016-01-29 09:12
当作最近没怎么敲代码的练手把htmlheadtitleLAMP学员基本信息/title/headbodytable align=center width=500 border=0 cellpadding=2 cellspacing=0caption align=centerh2L...

当作最近没怎么敲代码的练手把 

 

\

<html>
	<head><title>LAMP学员基本信息</title></head>
	
	<body>
		<table align="center" width="500" border="0" cellpadding="2" cellspacing="0">
			<caption align="center"><h2>LAMP学员基本信息</h2></caption>
			
			<form action="server.php" method="post">
				<tr>	<!--  使用输入域定义姓名输入框 --->
					<th>姓名:</th>
					<td ><input type="text" name="username" size="20" /></td>
				</tr>
				
				<tr>     <!-- 使用单选按钮域定义性别输入框 -->
					<th>性别:</th>
					<td>
						<input type="radio" name="sex" value="1" checked="checked" />男
						<input type="radio" name="sex" value="2" />女
						<input type="radio" name="sex" value="3" />保密
					</td>
				</tr>
				
				<tr>	<!--  使用下拉列表域定义学历输入框  -->
					<th>学历:</th>
					<td>
						<select name="edu">
							<option>--请选择--</option>
							<option value="1">高中</option>
							<option value="2">大专</option>
							<option value="3">本科</option>
							<option value="4">研究生</option>
							<option value="5">其他</option>
						</select>
					</td>
				</tr>
				
				<tr>	<!-- 使用复选框按钮域定义选修课程输入框 -->
					<th>选修课程:</th>
					<td>
						<input type="checkbox" name="course[]" value="4">Linux
						<input type="checkbox" name="course[]" value="5">Apache
						<input type="checkbox" name="course[]" value="6">Mysql
						<input type="checkbox" name="course[]" value="7">
					</td>
				</tr>
				
				<tr>	<!-- 使用多行输入框定义自我[评价输入框 -->
					<th>自我评价:</th>
					<td><textarea name="eval" rows="4" cols="40"></textarea></td>
				</tr>
				
				<tr>	<!--  定义提交和重置两个按钮-->
					<td colspan="2" align="center">
						<input type="submit" name="submit" value="提交">
						<input type="reset" name="reset" value="重置">
					</td>
				</tr>
			</form>
		</table>
	</body>
</>

 

Tag:
网友评论

<