更多详细的代码信息，请点击这里！！
form表单提交数据的几个注意事项
1、所有获取洪湖输入的标签都必须放在form表单里面
2、action 控制着往哪儿提交
3、input\select\textarea 标签必须给标签添加一个name -- name的作用就是让后端知道你这个input对应输入的是那些内容 和字典类似键值对形式存在；
4、必须要有一个提交按钮 <input type="submit"> --- 恢复初始按钮 <input type="reset">
input系列
1、text -- 普通文本框
2、password -- 密文密码
3、radio -- 单选框
4、CheckBox -- 多选框
5、date -- 日期
6、datetime -- 时间
7、file -- 文件
8、button -- 普通按钮，多用JS给它绑定事件
9、reset -- 重置
10、submit -- 提交
11、textarea -- 多行文本框
12、select -- 下拉菜单 搭配 option或optgroup使用
13、option -- 具体额下拉选项
14、optgroup -- 分组的下拉 -- 里面有个label属性
15、email -- 邮箱格式
16、hidden -- 隐藏按钮
17、checked -- 默认选中， 常用在 CheckBox、radio
18、readonly -- 只读
19、disable -- 禁止
20、multiple -- 下拉菜单可以按着Ctrl键多选，常用在select中
给input type:test\password\email设置默认显示值 直接添加value值
给input type:test\password\email设置默认显示一个内容 直接添加placeholder
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form表单</title>
</head>
<body>
<form action="http://localhost" method="post" enctype="multipart/form-data">
<p>用户名：
<input name="username" type="text" value="username">
<input name="username" type="text" placeholder="username">
<input name="username" type="text" disabled>
</p>
<p>密码：
<input name="pwd" type="password" value="******">
</p>
<p>性别：
<input type="radio" name="gender" value="1">男
<input type="radio" name="gender" value="0">女
</p>
<p>性别：
<input id="g1" type="radio" name="gender" value="1"><label for="g1">男</label>
<label>
<input type="radio" name="gender" value="0">女
</label>
</p>
<p>
生日
<input name="birthday" type="date">
</p>
<p>
邮箱
<input type="email" name="e-mail" value="**@**.***">
</p>
<p>
爱好：
<input name="hobby" type="checkbox" value="backetball">篮球
<input name="hobby" type="checkbox" value="football">足球
<input name="hobby" type="checkbox" value="pingpongball">乒乓球
</p>
<p>地址
<select name="address" id="s0">
<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="address1" id="s1">
<option value="">东莞</option>
<option value="">广州</option>
<option value="">深圳</option>
<option value="">朝阳</option>
<option value="">丰台</option>
<option value="">昌平</option>
</select>
</p>
<p>
文本框
<textarea name="info" id="t1" cols="30" rows="10" value="userinfo"></textarea>
</p>
<p>上传图片
<input type="file">
</p>
<p><input type="submit" value="提交吧！"></p>
</form>
</body>
</html>
form method---get\post
什么时候用get?什么时候用post 向服务器发送请求，比如搜索引擎---用get 向服务器发送请求，比如提交表单信息到服务器 -- 用post
上传文件的时候 form标签必须包含这两个属性，否则后端无法识别到你提交的内容，写法是固定的 <from method="post" enctype="multipart/form-data">
埋下伏笔：什么时候用<input type="hidden">
label标签 定义：
<label> 标签为 input 元素定义标注（标记）。
说明：
label 元素不会向用户呈现任何特殊效果。
<label> 标签的 for 属性值应当与相关元素的 id 属性值相同。
两种写法效果是一样的，但是建议规范使用第一种；
第一种：
<input id="g1" type="radio" name="gender" value="1"> <label for="g1">男</label>
第二种：
<label>
<input type="radio" name="gender" value="0">女
</label>
扫一扫
1596
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
