<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 表单标签 ： form 输入框，按钮，
action="" 引号里放链接，表单提交后给后端去连接，这里不说明
表单内部的标签（介绍常见的）：input select textarea
input(单标签):
单行文本输入框 type="text"
密码框 type="password"
按钮 type="button" value="登录" 普通按钮 （登录也可以改成其他提示字）
type="submit" 提交按钮 会直接与服务器链接 提交表单信息，是真正与表单连接的提交；
这个也是真正与表单连接的按钮：（<button>button提交</button> 不在input标签里面）
单选框 type="radio"
多/复选框 type="checkbox"
其他 type="color"
type="datatime-local"
select
option
textarea
-->
<form>
<!-- 单行文本输入框 -->
<input type="text" placeholder="请输入姓名"> <br>
<!-- 密码框 -->
<input type="password" placeholder="请输入密码"> <br>
<!-- 按钮
submit 会直接与服务器链接 提交表单信息
-->
<input type="button" value="登录">
<input type="submit">
<button>button提交</button>
<hr>
<!-- 单选框
name 代表是同一组题目，命名需一致，且与整个表单form中的其他选框命名不同
checked 默认选择，默认选中
disabled 禁用，无法选择
checked disabled 两个同时设置，代表默认选择，无法取消 比如有的火锅店点餐时锅底只有一种默认选择无法操作
-->
<h4>请选择你最喜欢的游戏</h4>
<input type="radio" name = "games" checked >王者荣耀
<input type="radio" name = "games" disabled >DNF
<input type="radio" name = "games2">英雄联盟
<input type="radio" name = "games2">和平精英
<hr>
<!-- 多/复选框
name 代表是同一题目，命名需一致
checked 默认选择
disabled 禁用
checked disabled 同时放的时候代表是必选且无法取消
-->
<h4>请选择你最喜欢的游戏</h4>
<input type="checkbox" name = "games" checked disabled >王者荣耀
<input type="checkbox" name = "games" disabled >DNF
<input type="checkbox" name = "games">英雄联盟
<input type="checkbox" name = "games">和平精英
<hr>
<!-- 下拉菜单
selected 默认选择
option 选项
-->
<select>
<option>蔡依林</option>
<option>昆凌</option>
<option selected >侯佩岑</option>
</select>
<hr>
<!-- 多行文本输入框/文本域 -->
<textarea cols="50" rows="10"></textarea>
<hr>
<!-- 其他 -->
<input type="color">
<input type="datatime-local">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 表单标签 ： form 输入框，按钮，
action="" 引号里放链接，表单提交后给后端去连接，这里不说明
表单内部的标签（介绍常见的）：input select textarea
input(单标签):
单行文本输入框 type="text"
密码框 type="password"
按钮 type="button" value="登录" 普通按钮 （登录也可以改成其他提示字）
type="submit" 提交按钮 会直接与服务器链接 提交表单信息，是真正与表单连接的提交；
这个也是真正与表单连接的按钮：（<button>button提交</button> 不在input标签里面）
单选框 type="radio"
多/复选框 type="checkbox"
其他 type="color"
type="datatime-local"
select
option
textarea
-->
<form>
<!-- 单行文本输入框 -->
<input type="text" placeholder="请输入姓名"> <br>
<!-- 密码框 -->
<input type="password" placeholder="请输入密码"> <br>
<!-- 按钮
submit 会直接与服务器链接 提交表单信息
-->
<input type="button" value="登录">
<input type="submit">
<button>button提交</button>
<hr>
<!-- 单选框
name 代表是同一组题目，命名需一致，且与整个表单form中的其他选框命名不同
checked 默认选择，默认选中
disabled 禁用，无法选择
checked disabled 两个同时设置，代表默认选择，无法取消 比如有的火锅店点餐时锅底只有一种默认选择无法操作
-->
<h4>请选择你最喜欢的游戏</h4>
<input type="radio" name = "games" checked >王者荣耀
<input type="radio" name = "games" disabled >DNF
<input type="radio" name = "games2">英雄联盟
<input type="radio" name = "games2">和平精英
<hr>
<!-- 多/复选框
name 代表是同一题目，命名需一致
checked 默认选择
disabled 禁用
checked disabled 同时放的时候代表是必选且无法取消
-->
<h4>请选择你最喜欢的游戏</h4>
<input type="checkbox" name = "games" checked disabled >王者荣耀
<input type="checkbox" name = "games" disabled >DNF
<input type="checkbox" name = "games">英雄联盟
<input type="checkbox" name = "games">和平精英
<hr>
<!-- 下拉菜单
selected 默认选择
option 选项
-->
<select>
<option>蔡依林</option>
<option>昆凌</option>
<option selected >侯佩岑</option>
</select>
<hr>
<!-- 多行文本输入框/文本域 -->
<textarea cols="50" rows="10"></textarea>
<hr>
<!-- 其他 -->
<input type="color">
<input type="datatime-local">
</form>
</body>
</html>