html-表单的简单练习3:

表单的简单练习3:

需要实现的目标:

在这里插入图片描述

代码运行:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
			<img src="img/logo.gif" />
			<img src="img/reg.gif" />
		
		<table>
			<tr>
				<td>姓名:</td>
				<td>
					<input type="text" />
				</td>
			</tr>
			
			<tr>
				<td>登录名:</td>
				<td>
					<input type="text" />(可包含a-z、0-9和下划线)
				</td>
			</tr>
			
			<tr>
				<td>密码</td>
				<td>
					<input type="text" />(至少包含6个字符)
				</td>
			</tr>
			
			<tr>
				<td>确认密码:</td>
				<td>
					<input type="te" />
				</td>
			</tr>
			
			<tr>
				<td>性别:</td>
				<td>
					<input type="radio" name="sex" /><img src="img/Female.gif" />
					<input type="radio" name="sex" /><img src="img/Male.gif" />
				</td>
			</tr>
			
			<tr>
				<td>爱好:</td>
				<td>
					<input type="checkbox" name="hobby" />运动
					<input type="checkbox" name="hobby" />聊天
					<input type="checkbox" name="hobby" />玩游戏
				</td>
			</tr>
			
			<tr>
				<td>职业:</td>
				<td>
					<select>
						<option>程序员</option>
						<option>教师</option>
						<option>警察</option>
						<option>学生</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td colspan="2">
					<b><img src="./img/edit.jpg" /> 阅读淘宝服务协议</b>
				</td>
			</tr>
			
			<tr>
				<td colspan="2">
					<textarea name="text" rows="5" cols="50">欢迎阅读服务条款协议,本条协议阐述之条款适用于。。。。。。
					</textarea>
					</td>
			</tr>
			
			<tr>
				<td colspan="2">
					<input type="checkbox" name="m" />已阅读条款
				</td>
			</tr>
			
			<tr>
				<td colspan="2">
					<input type="reset" value="重填" />
					<input type="submit" value="提交注册信息" disabled="disabled" />
				</td>
			</tr>
			
		</table>
		
	</body>
</html>

运行结果:

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/crraxx/article/details/109227605