歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > HTML >

阿森纳热刺 www.tzxsac.com.cn 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

  1. <form action="" method="get"> 
  2. <label>type="text" 輸入框</label> 
  3. <input name="" type="text" size="22" /><br /> 
  4. <label>type="checkbox" 多選復選框</label> 
  5. <input name="" type="checkbox" value="" /><br /> 
  6. <label>type="radio" 單選框</label> 
  7. <input name="" type="radio" value="" /><br /> 
  8. <label>type="submit" 按鈕</label> 
  9. <input name="" type="submit" value="提交" /> 
  10. </form> 

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

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

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

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

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

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

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

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/html/h374.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。