form表单

input系列:
text
value 设置默认值
placeholder 设置占位内容
password

radio 单选框
checkbox 多选框

date 日期
datetime 时间

file 文件

button 普通按钮,多用JS给它绑定事件
reset 重置
submit 提交

埋下伏笔:什么时候用 <input type="hidden">

textarea 大段文本

select 下拉菜单

option 具体的下拉选项

optgroup 分组的下拉框
-label="上海"

<!DOCTYPE html>-->
<!--<html lang="zh-CN">-->
<!--<head>-->
<!-- <meta charset="UTF-8">-->
<!-- <title>form表单提交</title>-->
<!--</head>-->
<!--<body>-->
<form action="http://127.0.0.1:6969/up/" method="post" enctype="multipart/form-data">

<!-- <p>用户名:-->
<!-- <input name="username" type="text">-->

<!-- </p>-->
<!-- <p>密码:-->
<!-- <input name="pwd" type="password">-->

<!-- </p>-->
<!-- <p>性别:-->
<!-- <input name="sex" type="radio"value="1">男-->
<!-- <input name="sex" type="radio"value="0">女-->

<!-- </p>-->

<!-- <p> 爱好:-->
<!-- <input name="HB" type="checkbox">蓝球-->
<!-- <input name="HB" type="checkbox">气球-->
<!-- <input name="HB" type="checkbox">双色球-->
<!-- </p>-->
<!-- <p> 生日:<input name="briyhday" type="date">-->
<!-- </p> <select name="from" id="s1">-->
<!-- <optgroup label="北京">-->

<!-- <option value="">上海</option>-->
<!-- <option value="">北京</option>-->
<!-- <option value="">广州</option>-->
<!-- </optgroup>-->
<!-- <optgroup label="北京">-->
<!-- <option value="">上海</option>-->
<!-- <option value="">北京</option>-->
<!-- <option value="">广州</option>-->
<!-- </optgroup>-->
<!-- </select>-->

<!-- <select name="from2" id="s2">-->
<!-- <option value="">上海</option>-->
<!-- <option value="">北京</option>-->
<!-- <option value="">广州</option>-->
<!-- </select>-->
<!-- <p><textarea name="简介" id="" cols="30" rows="10"></textarea></p>-->
<!-- <p><input type="file"></p>-->
<!-- <input type="submit" value="提交S">-->
<!-- <input type="button" value="按钮">-->
<!-- <input type="reset" value="重置">-->
<!--</form>-->
<!--</body>-->
<!--</html>
原文地址:https://www.cnblogs.com/duhong0520/p/11309604.html