Simple exercise of the form 1

The renderings to be achieved:

Insert picture description here

Code:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body >
		<table border="1" cellpadding="10" cellspacing="0" bgcolor="aliceblue">
			<tr>
				<td colspan="2" align="center" size=1000 >信息注册页面</td>
			</tr>
			
			<tr>
				<td>用户名：</td>
				<td>
					<input type="text" />
				</td>
			</tr>
			
			<tr>
				<td>密码：</td>
				<td>
					<input type="password" />
				</td>
			</tr>
			
			<tr>
				<td>确定密码</td>
				<td>
					<input type="password" />
				</td>
			</tr>
			
			<tr>
				<td>性别：</td>
				<td>
					<input type=radio name="sex"/>女
					<input type=radio name="sex"/>男
				</td>
			</tr>
			
			<tr>
				<td>技术：</td>
				<td>
					<input type="checkbox" name="course" />java
					<input type="checkbox" name="course" />Jsp
					<input type="checkbox" name="course" />Servlet
				</td>
		   </tr>
			
			<tr>
				<td>国家：</td>
				<td>
					<select name="country">
						<option>选择国家	</option>
						<option>中国</option>
						<option>美国</option>
						<option>韩国</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td colspan="2" align="center">
					<input type="submit" value="提交数据"/>
					<input type="reset" value="清除数据" />
				</td>
			</tr>
		</table>
	</body>
</html>

operation result:

Insert picture description here

Simple exercise of html- form 1

Simple exercise of the form 1

The renderings to be achieved:

Code:

operation result:

Guess you like