<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>表单</title>
</head>
<body>
<form action="" method="post" name="form1" style="text-align: center;">
<!-- 单行文本框 -->
<label for="i1">账号</label>
<!--点击 label 内显示的文字后,自动跳入和for内id对应的输入框 -->
<input id="i1" type="text" placeholder="用户名"> <br><br>
<!-- placeholder 内容用于提示输入,不影响输入 -->
<!-- 密码框 -->
<input type="password" placeholder="密码"> <br><br>
<!-- 普通按钮 -->
<input type="button" value="登录">
<!-- 重置按钮 -->
<input type="reset"> <br><br>
<!-- 提交按钮 -->
<input type="submit"><br><br>
<!-- 普通按钮 -->
<button>按钮</button>
<!-- 隐藏域 -->
<input type="hidden">
<!-- 图片按钮 -->
<input type="image" src="imgs/02.jpg"><br><br>
<!-- 单选按钮 -->
<!-- 需要加相同的name 才能起到单选的作用-->
<input type="radio" name="sex">男 <input type="radio" name="sex">女<br><br>
<!-- 复选按钮 -->
<input type="checkbox">读书 <input type="checkbox">玩游戏 <input type="checkbox">追剧 <br><br>
<!-- 上传文件按钮 -->
<input type="file">
<!-- 下拉列表 -->
<select>
<option value="">河南</option>
<option value="">上海</option>
<option value="">北京</option>
</select>
<!-- 多行文本框(文本域) -->
<textarea>个人建议</textarea>
</form>
</body>
</html>