<meta charset="utf-8">
html表單的作用是收集不同類型的用戶輸入,然后提交到服務器。
form標簽有幾個重要的屬性:
1.action:表單提交的地址
2.method:提交表單的方法
3.target:在何處打開action
4.enctype:發(fā)送到服務器時的編碼方式,如
- application/x-www-form-urlencoded:默認的編碼方式,但是在用文本的傳輸和MP3等大型文件的時候,使用這種編碼顯得效率低下
- text/plain:純文本的傳輸,空格轉換為“+”,但不對特殊字符編碼
- multipart/form-data:指定傳輸數據為二進制類型,如圖片,MP3,文件,在使用包含文件上傳控件的表單時,必須使用該值
form表單中的常用標簽:
1.input:所有的input都必須有name,不然后端無法準確接收到該數據;一些常用的type屬性如下:
text:輸入文本
password:輸入內容自動變成圓點
checkbox:多選框。同一個多選框內,不同選項的name應相同,但是value的值需不同,以便于后臺區(qū)分不同的選項
radio:單選框。同樣需要用不同的value來區(qū)分兩個選項
file:文件上傳。
button:按鈕。
submit:提交。
reset:清空當前所有輸入
2.label:在輸入框前添加文字。label for的作用:在鼠標點擊該label時,會focus到目標輸入框,如下圖

label.jpg

label2.jpg
當鼠標點擊“姓名”時,后面的輸入框會進入編輯狀態(tài)
3.select:下拉菜單。下拉菜單中的選項用option標簽,如下圖:

select.jpg
其中的selected指默認選擇該option
4.textarea:多行文本。如果想在輸入框中寫入提示信息,可以用到placeholder屬性,如

placeholder.jpg