一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第9天，点击查看活动详情。
表单
使用input=type来进行输出，type后面不同的内容，会出现不同的效果。
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!-- 表单 -->
<input type="text" value="请输入账号"/></br><!-- <文本框1> -->正常的文本框的效果
<input type="text" placeholder="请输入账号"/></br><!-- <文本框2> -->带着
<input type="password"></br><!-- 密码框 -->
<!-- 按钮 -->
<input type="submit"><!-- 提交按钮1 -->
<input type="button" value="提交"><!-- “提交”任意按钮2 -->
<input type="reset" /><!-- 重置按钮 -->
<input type="file"/><!-- 文件按钮 --></br>
<!-- 单选按钮 -->（展示的效果很明显的，出来的是单选的样式）
<input type="radio" name="sex">
<input type="radio" name="sex">
<input type="radio" name="sex"></br>
<input type="radio" name="sex1">
<input type="radio" name="sex1">
<input type="radio" name="sex1"></br>name里面的值可以自己进行更换
<!-- 复选按钮（多选按钮） -->
<input type="checkbox" name="hobby">
<input type="checkbox" name="hobby">
<input type="checkbox" name="hobby"></br>name里面的值可以自己进行更换
<!-- 单选框 -->
男<input type="radio" name="sex">
女<input type="radio" name="sex"></br>
<!-- 复选框 -->
可乐<input type="checkbox" name="hobby">
雪碧<input type="checkbox" name="hobby">
冰红茶<input type="checkbox" name="hobby"></br>
<!-- 下拉列表 -->
<!-- 设置默认值的两种方式
1.属性加值selected="selected"
2.直接写属性 selected-->
<select>这个例子里面的属性也是可以自己进行更换的
<option>幼儿园</option>
<option>学前班</option>
<option>小学</option>
<option selected="selected">您现在的受教育程度</option>
</select>
<select>
<option>幼儿园</option>
<option>学前班</option>
<option>小学</option>
<option selected>您现在的受教育程度</option>
</select></br>
<!-- 文本域 -->
<textarea></textarea>
</body>
</html>
其他的内容
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- css样式:装饰的作用 -->
<style type="text/css">
body{
background-color: cadetblue;
color: azure;
}
</style>
</head>
<body>
<!-- table>tr14>td3 -->
<!-- *:shift+8;打完之后按一下tab键 -->
<p></p>
<p></p>
<p></p>
<table border="1">
<tr>
<td>qqq</td>
<td>qq</td>
<td>qqq</td>
</tr>
<tr>
<td>
成绩
</td>
<td>
<textarea placeholder="请输入你的成绩"></textarea>1234
</td>
<td></td>
</tr>
<!-- 按钮居中 -->
<tr>
<td colspan="3">
<button type="button" style="display:block;margin:0 auto" >立即注册</button>可以出现按钮居中的效果的
</td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
</table>
</body>
</html>
