form詳解
form
** form經常使用屬性html
- action 指定請求的地址
- method 請求方式,若是是post形式發出的,表單的輸入值就會放在請求體中,而且會進行編碼處理,編碼的方式在請求頭中的
Content-Type
來講明,這樣當服務器收到請求後,就知道如何讀取數據。默認是Content-Type: application/x-www-form-urlencoded
.
- enctype 這個屬性是來設置編碼方式,目前經常使用的是兩種編碼方式:
application/x-www-form-urlencoded
和 multipart/form-data
, 這二個規則的使用場景簡單地說就是:後者在上傳文件時使用,其它情形則使用前者(默認)。
** form中的成功控件html5
- 什麼是成功控件?
瀏覽器不會將全部的表單控件所有發送到服務器的,而是會查找全部的成功控件。簡單地來講,成功控件就是:每一個表單中的控件都應該有一個name屬性和」當前值「, 在提交時,它們將以 name=value 的形式作爲提交數據的一部分。
- 瀏覽器若是處理表單提交的成功控件
一、識別全部成功控件
二、爲全部的成功控件建立一個數據集合,它們包含 control-name/current-value 這樣的值對。
三、按照form.enctype指定的編碼規則對前面準備好的數據進行編碼。編碼規則將放在請求中,用【Content-Type】指出。
四、提交編碼後的數據。此時會區分post,get二種狀況,提交的地址由form.action屬性指定的。
** HTML5form的新屬性瀏覽器
- autocomplete 用於指示input元素是否可以擁有一個默認值,這個默認值是由瀏覽器自動補全。
- novalidate 布爾屬性 規定當提交表單時不對錶單數據進行驗證。
- 除了form元素的新屬性外,還驚奇的發現html5添加了一個form屬性,使得表單在提交的時候不只能夠提交表單內的控件元素,在外的控件元素值也能夠一併提交出去。相似於label標籤與input用id來綁定。
歡迎關注本站公眾號,獲取更多信息