简单的table和表单元素的使用案例

最新推荐文章于 2022-07-20 21:19:38 发布

笨小白莫邪

最新推荐文章于 2022-07-20 21:19:38 发布

阅读量148

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_45787600/article/details/123560355

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>页面设计1</title>
	</head>
	<body>
		
		<h2>青春不常在，赶紧谈恋爱</h2>
		<table width="50%">
			
			<tr>
				
				<td>性别:</td>
				<td>
					
					<input type="radio" name="sex" id="man"><label for="man">男</label>
					<input type="radio" name="sex" id="woman"><label for="woman">女</label>
				
				</td>
				
			</tr>
			
			<tr>
				
				<td>出生年月日:</td>
				<td>
					
					<select>
						<option>请选择出生年份</option>
						<option>2001</option>
						<option>2002</option>
						<option>2003</option>
						
					</select>
					
					<select>
						
						<option>请选择出生月份</option>
						<option>1</option>
						<option>2</option>
						<option>3</option>
						
					</select>
					
					<select>
						<option>请选择出生日</option>
						<option>1</option>
						<option>2</option>
						<option>3</option>
						
					</select>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td>所在地址:</td>
				<td>
					
					<input type="text" value="请输入你所在的地址"/>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td>婚姻状况:</td>
				<td>
					
					<input type="radio" name="marry" id="marryed"><label for="marryed">已婚</label>
					<input type="radio" name="marry" id="nomarry"><label for="nomarry">未婚</label>
					<input type="radio" name="marry" id="divorce"><label for="divorce">离婚</label>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td>学历:</td>
				<td>
					
					<input type="text" value="本科"/>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td>喜欢的类型:</td>
				<td>
					
					<input type="radio" name="marry" id="hobbycure"><label for="hobbycure">可爱的</label>
					<input type="radio" name="marry" id="hobbybeauty"><label for="hobbybeauty">漂亮的</label>
					<input type="radio" name="marry" id="hobbyall"><label for="hobbyall">都可以</label>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td>个人简介:</td>
				<td>
					
					<textarea rows="2" cols="28">介绍一下你自己吧</textarea>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td></td>
				<td>
					
					<input type="submit" value="免费注册"/>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td></td>
				<td>
					
					<input type="checkbox" checked="checked"/>我同意条款和会员加入标准
					
				</td>
				
			</tr>
			
			<tr>
				
				<td></td>
				<td>
					
					<a href="#">我是会员，立刻登录</a>
					
				</td>
				
			</tr>
			
			<tr>
				
				<td></td>
				<td>
					<h3>我承诺</h5>
					<ul>
						
						<li>年满18岁、单身</li>
						<li>抱着严谨的态度</li>
						<li>真诚寻找另一半</li>
						
					</ul>
					
				</td>
				
			</tr>
			
		</table>
		
	</body>
</html>