|
Html form input表單標(biāo)簽元素
html form表單之input控件，input type包含input text輸入框,、input submit按鈕、input checkbox多選復(fù)選框,、input radio單選框基礎(chǔ)介紹與案例演示,，讓大家掌握html form input各type控件元素。
- input目錄
-
- Form input標(biāo)簽語法與結(jié)構(gòu)
- input標(biāo)簽使用
- input type使用案例
- DW軟件里input表單截圖
- 瀏覽器input各type截圖
- html form input標(biāo)簽總結(jié)
一,、Form input標(biāo)簽語法與結(jié)構(gòu) - TOP
<input name="" type="submit" value="提交" />
Name為此表單控件識(shí)別命名,，一般使用英文字母在一個(gè)頁面里具有唯一性
Type為表單控件樣式
type="text" 輸入框控件，用于輸入內(nèi)容如用戶名,、密碼之類內(nèi)容輸入框控件
type="submit" 按鈕控件,，用于提交、重置動(dòng)作
type="checkbox" 多選復(fù)選框控件,，用于多選題,、多選功能(進(jìn)入了解 html checkbox多選框)
type="radio" 單選框，用于單選,，唯一選擇功能
二,、Form input標(biāo)簽使用說明 - TOP
常常我們使用在一個(gè)網(wǎng)頁中數(shù)據(jù)提交標(biāo)簽，比如我們留言板,、評(píng)論等可以填寫數(shù)據(jù),，標(biāo)簽提交處理地方都需要表單標(biāo)簽，而form表單標(biāo)簽內(nèi)放輸入框input,、單選,、多選、提交按鈕等標(biāo)簽內(nèi)容,而輸入框,、單選,、多選、按鈕等控件都可以使用表單標(biāo)簽input實(shí)現(xiàn),，只需賦予不同type值即可實(shí)現(xiàn)不同表單控件功能,。
三、Form input使用案例html代碼 - TOP
- <form action="" method="get">
- <label>type="text" 輸入框</label>
- <input name="" type="text" size="22" /><br />
- <label>type="checkbox" 多選復(fù)選框</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表單標(biāo)簽案例在瀏覽器中效果 - TOP
html input各tpye功能控件在瀏覽器顯示樣式截圖、瀏覽器中顯示form input表單各功能控件
六,、DIVCSS5對(duì)html form input標(biāo)簽提示說明 - TOP
1,、form input是表單標(biāo)簽，通常此標(biāo)簽內(nèi)放輸入框、單選,、多選,、多行文本框、下拉選項(xiàng)菜單等表單內(nèi)容
2,、表單的美化可以賦予每個(gè)input不同的class類樣式實(shí)現(xiàn)美化效果,。
3、不同type類型表單功能控件有不同功能,，大家使用時(shí)候更加需要選擇自己所需控件樣式,。
相關(guān)推薦閱讀：
1、html input搜索框布局實(shí)例 如需轉(zhuǎn)載,，請(qǐng)注明文章出處和來源網(wǎng)址：http://www./html/h374.shtml
|
