HTML入門9 表單 input標籤

2021-10-11 16:19:57 字數 1007 閱讀 3319

表單是乙個包含表單元素的區域。

表單元素是允許使用者在表單中輸入內容,比如:文字域(textarea)、下拉列表、單選框(radio-buttons)核取方塊(checkboxes)等等。

表單使用表單標籤來設定:

form標籤屬性:

method: 定義表單提交方式(常見的post和get)

form表單中包含的元素:多數情況下被用到的表單標籤是輸入標籤()。

輸入型別是由型別屬性(type)定義的。大多數經常被用到的輸入型別如下:

舉例子如下:

lang

="en"

>

>

charset

="utf-8"

>

>

乙個表單title

>

head

>

>

text:表單本身並不可見。同時,在大多數瀏覽器中,文字域的預設寬度是 20 個字元。

password:密碼字段字元不會明文顯示,而是以星號或圓點替代;

submit:當使用者單擊確認按鈕時,表單的內容會被傳送到另乙個檔案。表單的動作屬性定義了目的檔案的檔名。由動作屬性定義的這個檔案通常會對接收到的輸入資料進行相關的處理。:

輸入內容提交試試什麼情況:

此時的請求為:

可見預設為get請求:剛才定義的name為請求的鍵值,輸入的內容為value值;

如果剛才把method定義為post

HTML基礎學習 9 表單input標籤學習

html基礎學習 9 表單input標籤學習 form 表單title charset utf 8 head action no method post 賬號 type text name name value 請輸入使用者名稱 size 10 密碼type password name passwo...

HTML防止input回車提交表單

最近在做乙個小需求時,發現了乙個問題 當form表單中,存在乙個button,在input中按回車會自動觸發form提交,很是鬱悶,經過查詢資料,特總結如下 自動提交情況說明 1.預設情況下,單個輸入框,無論按鈕的type submit 還是type button 型別,回車即提交。2.當type ...

HTML5新增input表單

html5新增input表單 input表單及其屬性 type email 限制使用者輸入必須為e mail型別 type url 限制使用者輸入必須為 和 型別 type date 限制使用者輸入必須為日期型別 type month 限制使用者輸入必須為月份型別 type time 限制使用者輸入...