表單標籤補充
阿新 • • 發佈:2022-12-01
表單標籤的補充說明
- 用於獲取使用者資料的標籤至少應該含有name屬性
# 有如下示例: <form> 請輸入性別: <input type="radio" name="gender" value="male">男</input> <input type="radio" name="gender" value="female">女</input> <input type="radio" value="others">其他</input><br><br> <input type='text' name='text_input' value='hello'> <input type="submit"> </form> name:表單提交時的“鍵”,注意和id的區別 使用者輸入的資料會被儲存到標籤的value屬性中 value:表單提交時對應項的值 type="button", "reset", "submit"時,為按鈕上顯示的文字年內容 type="text","password","hidden"時,為輸入框的初始值 type="checkbox", "radio", "file",為輸入相關聯的值
這裡最好是通過F12檢視網路活動來理解,如下:
- 如果不需要使用者填寫資料 只需要選擇 那麼我們需要自己填寫value
<input type="radio" name="gender" value="male">
如上面這個單選框,它不需要使用者填寫資料。所以我們應該給他寫一個value屬性。
所有'male'對應給後端傳輸的字典的值。傳輸的字典類似:{'gender':'male'}
ps:沒有name屬性的標籤 form表單會直接忽略 不會發送
3.針對input標籤理論上應該配一個label標籤繫結 但是也可以不寫
4.標籤的屬性如果和屬性值相等 那麼可以簡寫
5.針對選擇型別的標籤可以提前設定預設選項
6.下拉框與檔案上傳可以複選