HTML表单综合实例

最新推荐文章于 2024-08-11 23:38:32 发布

AKDash

最新推荐文章于 2024-08-11 23:38:32 发布

阅读量3.1k

点赞数 1

分类专栏： HTML&CSS

本文链接：https://blog.csdn.net/ALL_Dash/article/details/9731137

版权

HTML&CSS 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

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

<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">PHP
					</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>
</html>

很简单的例子入门的阶段用这例子练手最好。