Html form input表單標簽元素

html form表單之input控件，input type包含input text輸入框、input submit按鈕、input checkbox多選復選框、input radio單選框基礎介紹與案例演示，讓大家掌握html form input各type控件元素。

input目錄

1. Form input標簽語法與結構
2. input標簽使用
3. input type使用案例
4. DW軟件里input表單截圖
5. 瀏覽器input各type截圖
6. html form input標簽總結

一、Form input標簽語法與結構 - TOP

<input name="" type="submit" value="提交" /
Name為此表單控件識別命名，一般使用英文字母在一個頁面里具有唯一性
Type為表單控件樣式
type="text" 輸入框控件，用于輸入內容如用戶名、密碼之類內容輸入框控件
type="submit" 按鈕控件，用于提交、重置動作
type="checkbox" 多選復選框控件，用于多選題、多選功能(進入了解 html checkbox多選框)
type="radio" 單選框，用于單選，唯一選擇功能

二、Form input標簽使用說明 - TOP

常常我們使用在一個網頁中數據提交標簽，比如我們留言板、評論等可以填寫數據，標簽提交處理地方都需要表單標簽，而form表單標簽內放輸入框input、單選、多選、提交按鈕等標簽內容,而輸入框、單選、多選、按鈕等控件都可以使用表單標簽input實現，只需賦予不同type值即可實現不同表單控件功能。

三、Form input使用案例html代碼 - TOP

<formaction=""method="get"
<labeltype="text"輸入框</label
<inputname=""type="text"size="22"/<br/
<labeltype="checkbox"多選復選框</label
<inputname=""type="checkbox"value=""/<br/
<labeltype="radio"單選框</label
<inputname=""type="radio"value=""/<br/
<labeltype="submit"按鈕</label
<inputname=""type="submit"value="提交"/
</form

四、DW軟件里截圖表單效果 - TOP

DW軟件里html form input type各功能表單控件效果樣式截圖

五、此input表單標簽案例在瀏覽器中效果 - TOP

html input各tpye功能控件在瀏覽器顯示樣式截圖、瀏覽器中顯示form input表單各功能控件

六、DIVCSS5對html form input標簽提示說明 - TOP

1、form input是表單標簽，通常此標簽內放輸入框、單選、多選、多行文本框、下拉選項菜單等表單內容
2、表單的美化可以賦予每個input不同的class類樣式實現美化效果。
3、不同type類型表單功能控件有不同功能，大家使用時候更加需要選擇自己所需控件樣式。

相關推薦閱讀：
1、html input搜索框布局實例

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。