<!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>