Html form input表單標簽元素
html form表單之input控件,input type包含input text輸入框、input submit按鈕、input checkbox多選復選框、input radio單選框基礎介紹與案例演示,讓大家掌握html form input各type控件元素。
- 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
- <form action="" method="get">
- <label>type="text" 輸入框</label>
- <input name="" type="text" size="22" /><br />
- <label>type="checkbox" 多選復選框</label>
- <input name="" type="checkbox" value="" /><br />
- <label>type="radio" 單選框</label>
- <input name="" type="radio" value="" /><br />
- <label>type="submit" 按鈕</label>
- <input name="" 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搜索框布局實例
如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/html/h374.shtml