HTMLform表單（1）

• HTML表單用于搜集不同類型的用戶輸入，提交給網站后臺
• 往哪去提交，提交給誰，提交按鈕在哪里
• 所有的信息用<form>包裹起來，點擊提交后可以將里面的東西提交，形成一個完整的數據
  • action=‘/abc’, method=‘get’
  • 在本地執行的，也可以在本地搭建服務器，輸入內容會提交到服務器
  • method 兩種方式向后臺發送請求提交數據：
    • get=所有信息組裝起來（name），用&符號鏈接，后面加個問號，放在url里面傳輸，向地址發送請求，本質就是一個URL的拼接
    • post=url沒有發生變化，數據和參數仍然可以發送給服務器
    • post&get：是瀏覽器向服務器發送請求的方式；get密碼很容易就能被看到；如果數據量特別大，拼裝的URL太大，地址欄是有限制的，數據是不完整傳輸給后臺；理論上說post數據大小是沒有限制的，但是至少不會被截斷
    • 什么時候使用呢？希望向后臺要數據就用get，希望向后臺傳輸數據用post，安全性比較高用post
  • open terminal-server start-以服務端的方式打開頁面
  • 檢查-network-preserve log-all

HTMLform表單（2）

• <form>標簽是表單的外殼，主要有四個屬性
  • action：表單提交的地址
  • method: 提交表單的方法
  • target: 在何處打開action
  • enctype:
    • application/x-www-form-urlencoded: 在發送前編碼所有字符（默認）
    • text/plain：空格轉換為“+”，但不對特殊字符編碼
    • multipart/form-data: 使用包含文件上傳控件的表單時，必須使用該值（上傳多媒體）
• input type=
  • “text”: 輸入類型是文字，單行輸入
  • “password”: 輸入類型是密碼，輸入時默認以圓點進行展示
  • “checkbox”: 可以打勾的框，value=“”才能顯示具體選的是什么
    • name如果是一樣，說明是多選都在hobby里面
  • “radio”：單選框，name相同的就分為一組，不同就分為兩組
  • “value”：初始值
  • “hidden”: 當點擊提交的時候，里面的東西也會提交給服務器，一般用來儲存信息，或者后臺進行校驗，防止頁面偽造，防止有人修改數據庫，從而阻止csrf攻擊
  • “button”: 點擊之后不能提交表單
  • “submit”：提交表單
  • “reset”：用戶數據清空
  • “file”: 文件上傳
    • accept=“image/gif, image/jepg” 只有規定類型才可以上傳
• <label>輸入框前面的提示
  • for：當點擊文字的時候，也可以讓輸入框變成focus狀態
  • for的值和對應輸入框的id是一樣的
• tab index：默認設置好輸入順序，一個輸入完了以后按tab跳到默認下一個輸入框
• <select>下拉菜單，所有的input都要加上name
  • <option value=“”>
  • 默認情況下希望選中某一個，直接在后面加上selected
• <textarea>輸入比較大的多行文本，直接在后面輸入的就是初始值
• <input placeholder=“”>輸入框里面的提示，點擊以后就自動消失了