一些简单标签使用...
具体可见这里
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form表单</title>
</head>
<body>
<!-- 内嵌式CSS样式 -->
<div style="
text-align: center;
border: solid 10px #BCF0F0;
border-radius: 20px;
width: 800px;
height: 700px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
">
<h1>用户注册</h1>
<br>
<form>
<!-- 多个文本输入框左对齐方法:给label设置一个统一宽度,输入框左边缘会按这个边界排列对齐 -->
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">用户名:</label>
<input type="text" id="title" name="title" align="left">
</p>
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">密码:</label>
<input type="text" id="title" name="title" align="left">
</p>
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">确认密码:</label>
<input type="text" id="title" name="title" align="left">
</p>
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">性别:</label>
<input type="radio" id="title" name="gender" align="left">小哥哥
<input type="radio" id="title" name="gender" align="left">小姐姐
</p>
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">性别:</label>
<input type="checkbox" id="title" name="hobby" align="left">学习
<input type="checkbox" id="title" name="hobby" align="left">编程
<input type="checkbox" id="title" name="hobby" align="left">健身
</p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">出生日期:</label>
<input type="date">
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">工资:</label>
<input type="text" id="title" name="gender" align="left">
</p>
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">学历:</label>
<select name="city">
<option value="1">大专</option>
<option value="2">本科</option>
<option value="3">硕士研究生</option>
<option value="4">博士</option>
</select>
</p>
<p>
<label for="title" style="display: inline-block;padding: 3px 6px; text-align: right; width: 80px; ">基本信息:</label>
<textarea name="baseinformation"cols="30" rows="4"></textarea>
</p>
<!-- 按钮 -->
<div style="display: inline-block;">
<input type="submit"style="float: left;">
<input type="reset"style="float: left; margin-left: 50px;">
</div>
</form>
</div>
</body>
</html>