用户注册页面

题目

用户注册页面_第1张图片

代码

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			td{
				width: 100px;
				height: 25px;
			}
			thead td{
				background-color: #ccc;
			}
			tbody td{
				background-color: #ddd;
			}
			tfoot td{
				background-color: #ccc;
			}
		style>
	head>
	<body>
		<form method="get">
			<table>
				<thead>
					<tr >
						<td colspan="2" align="center">用户注册td>
					tr>
				thead>
				<tbody>			
					<tr>
						<td>用户名td>
						<td><input type="text" name="用户名">td>
					tr>
					<tr>
						<td>密码td>
						<td><input type="password" name="密码">td>
					tr>
					<tr>
						<td>性别td>
						<td>
							<input type="radio" name="性别"><input type="radio" name="性别">
						td>
					tr>
					<tr>
						<td>爱好td>
						<td>
							<input type="checkbox" name="写作">写作
							<input type="checkbox" name="听音乐">听音乐
							<input type="checkbox" name="体育">体育
						td>
					tr>
					<tr>
						<td>省份td>
						<td>
							<select name="省份">
								<option value="陕西">陕西option>
								<option value="广州">广州option>
								<option value="北京">北京option>
							select>
						td>
					tr>
					<tr>
						<td>自我介绍td>
						<td><textarea name="自我介绍" cols="30" rows="10">textarea>td>
					tr>
				tbody>
				<tfoot>		
					<tr>
						<td align="center" colspan="2">
							<input type="submit">
							<input type="reset">
						td>
					tr>
				tfoot>

			
			table>
		form>

	body>
html>

页面展示

用户注册页面_第2张图片

你可能感兴趣的:(web,前端,html,css)