<!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>Document</title>
</head>
<body>
<!--
form表单标签
<form method="get或者post"action="向何处发送表单数据">
A. 属性 type定义输入框的类型
a) 文本框 type="text" 密码框 type="password"
b) 提交框 type="submit" 和<button>提交按钮<button>一样
c) 按钮框 type="button" 单纯的按钮
type="radio"单选按钮 可以实现多选一
type="checkbox"复选框 可以实现多选
单选按钮与复选框要有相同的name值
单选按钮和复选框按钮可以设置checked属性，当页面打开的时候就可以默认选中这个按钮
d) 重置框 type="reset" 清空的效果
B. 属性 placeholder描述输入字段预期值的简短的提示信息，兼容到IE8以上
C. 属性 name必须设置，否则在提交表单时，用户在其中输入的数据不会被发送给服务器
D. 属性 value
属性maxlength 规定输入字段中的字符的最大长度
-->
<!-- <label>标签的for属性应当与相关元素的id属性相同 -->
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
<form action="https://www.baidu.com" method="post">
用户信息：<input type="text" placeholder="请输入你的用户名，注意大小写"
name="username">
<br>
密码:<input type="password" placeholder="请输入你的密码"
name="password">
<br>
<!-- <input type="submit" value="登录"> -->
<button type="submit">登录</button>
<!-- 提交信息到action指定的地址 -->
<!-- <input type="reset" value="重新输入"> -->
<button type="reset">重新输一遍吧</button>
</form>
</body>
</html>
效果图如下
