web前端-HTML常用标签-综合案例
如图：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>青春不常在，抓紧谈恋爱</h3><br>
<form action="get"><br>
性别：女<input type="radio" name="sex" value="女"> 男<input type="radio" name="sex" value="男"><br>
<tr>
<td>生日：</td>
<td>
<select>
<option>请选择年份</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
</select>
<select>
<option>请选择月份</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
</tr>
<br>
婚姻状况：未婚<input type="radio"> 已婚<input type="radio"> 离婚<input type="radio"><br>
学历：
<select>
<option>幼儿园</option>
<option>小学</option>
<option>初中</option>
<option>高中</option>
<option>专科</option>
<option>本科</option>
<option>研究生</option>
<option>博士生</option>
</select><br>
喜欢的类型：A<input type="checkbox"> B<input type="checkbox"> C<input type="checkbox"> D<input type="checkbox"> <br>
自我介绍：
<textarea rows="3" cols="20"></textarea><br>
地区：
<select>
<option>河北</option>
<option>山西</option>
<option>辽宁</option>
<option>吉林</option>
<option>黑龙江</option>
<option>江苏</option>
<option>浙江</option>
<option>安徽</option>
<option>福建</option>
<option>江西</option>
<option>山东</option>
<option>河南</option>
<option>湖北</option>
<option>湖南</option>
<option>广东</option>
<option>海南</option>
<option>四川</option>
<option>贵州</option>
<option>云南</option>
<option>陕西</option>
<option>甘肃</option>
<option>青海</option>
<option>台湾</option>
<option>内蒙古</option>
<option>广西</option>
<option>西藏</option>
<option>宁夏</option>
<option>新疆</option>
<option>北京</option>
<option>天津</option>
<option>上海</option>
<option>重庆</option>
<option>香港</option>
<option>澳门</option>
</select><br>
<button>免费注册</button><br>
<input type="checkbox">我同意注册条款和会员加入标准<br>
<a href="https://blog.csdn.net/2301_79188932/article/details/142093961?spm=1001.2014.3001.5501">我是会员，立即登录</a><br>
</form>
<h1>我承诺</h1>
<ul>
<li>年满十八岁 单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</body>
</html>如图：
