Html的Form input標(biāo)簽怎么使用

這篇文章主要介紹“Html的Form input標(biāo)簽怎么使用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“Html的Form input標(biāo)簽怎么使用”文章能幫助大家解決問題。

一、Form  input標(biāo)簽語法與結(jié)構(gòu)  

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

二、Form input標(biāo)簽使用說明    

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

三、Form input使用案例html代碼   

<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軟件里截圖表單效果 

五、此input表單標(biāo)簽案例在瀏覽器中效果   

六、DIVCSS5對html form input標(biāo)簽提示說明 

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

關(guān)于“Html的Form input標(biāo)簽怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。