1. 程式人生 > 其它 >表單標籤補充

表單標籤補充

表單標籤的補充說明

  1. 用於獲取使用者資料的標籤至少應該含有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檢視網路活動來理解,如下:

請輸入性別: 其他

  1. 如果不需要使用者填寫資料 只需要選擇 那麼我們需要自己填寫value
  <input type="radio" name="gender" value="male">

如上面這個單選框,它不需要使用者填寫資料。所以我們應該給他寫一個value屬性。
所有'male'對應給後端傳輸的字典的值。傳輸的字典類似:{'gender':'male'}
ps:沒有name屬性的標籤 form表單會直接忽略 不會發送

3.針對input標籤理論上應該配一個label標籤繫結 但是也可以不寫




4.標籤的屬性如果和屬性值相等 那麼可以簡寫


5.針對選擇型別的標籤可以提前設定預設選項






6.下拉框與檔案上傳可以複選