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>