一、展示效果
二、命令编写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
span[id]{-----------标签选择器,用来选中有id的span标签
font: 900 60px "黑体";----字体: 粗细、大小、书写格式。
}
</style>
</head>
<body>
<form action="#">
<h3>青春不常在,抓紧谈恋爱</h3>
<span>性别</span>  -----#nbsp是空格
<input type="radio" value="nan" checked>男-----checked默认选中,radio==单选框
<input type="radio" value="nv">女<br/>
<span>生日</span>  
<select>
<option value="nian" >请选择年</option>
<option value="1999" >1999</option>
<option value="2000" >2000</option>
<option value="2001" >2001</option>
<option value="2002" >2002</option>
<option value="2003" >2003</option>
</select>
<select>-----------------------------单拉选框
<option value="yue" >请选择月</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select>
<option value="ri" >请选择日</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="18" >118</option>
<option value="22" >22</option>
<option value="24" >24</option>
<option value="26" >26</option>
<option value="28" >28</option>
<optin value="29" >29</option>
<optioon value="29" >29</option>
<option value="30" >30</option>
</select><br/>
<span>所在地区</span>  
<input type="text" name="dq" id="" placeholder="北京思密达"><br/>----text==文本框
<span>婚姻状况</span>  
<input type="radio" name="hyzk">未婚
<input type="radio" name="hyzk">已婚
<input type="radio" name="hyzk">离婚 <br/>
<span>学历</span>  
<input type="text" name="xl" id="" placeholder="幼儿园"><br/>
<span>喜欢类型</span>  
<input type="checkbox" name="xhlx">抚媚的-----checkbox==多选框
<input type="checkbox" name="xhlx" checked>可爱的
<input type="checkbox" name="xhlx">小鲜肉
<input type="checkbox" name="xhlx">老腊肉
<input type="checkbox" name="xhlx">都喜欢 <br/>
<span>自我介绍</span>  
<textarea rows="2" cols="18" placeholder="自我介绍"></textarea><br/>
 <button>免费注册</button><br/>
 <input type="checkbox" name="bz">我同意注册和会员加入标准<br/>
 <a href="C:\Users\姜汁撞牛奶\Desktop\微信图片_202307062129552.jpg">我是会员,立即注册</a><br/>
<br/>
<span id="">我承诺</span><br />
<ul>
<ul>
<ul>
<ul>
<li>年满18岁、单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</ul>
</ul>
</ul>
</form>
</body>
</html>