国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 web前端 html教程 HTML的form標(biāo)簽用法

HTML的form標(biāo)簽用法

Jan 26, 2018 am 11:19 AM
form html 用法

一般表單內(nèi)多以使用標(biāo)簽收集用戶的輸入信息，其輸入類型是由type決定的。多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽（）。輸入類型是由類型屬性（type）定義的。常見的輸入類型有文本域、單選按鈕、復(fù)選框、下拉菜單等等。

?HTML中表單可以用來搜集用戶各種類型的輸入信息。表單實際上是包含表單元素的區(qū)域，在這個區(qū)域中的各種元素的輸入信息最終都將通過表單提交到程序腳本中。例如常見的有用戶登錄、注冊、發(fā)布文章等等，都是通過表單提交到動態(tài)程序進(jìn)行處理的。本節(jié)主要講述表單和表單的元素，關(guān)于如何提交表單信息到動態(tài)程序，將在以后的程序語言課中再來講述。
表單的區(qū)域是使用

標(biāo)簽定義表單的范圍，在
中的元素的值會被通過這個表單提交到對應(yīng)的地址中。
文本域
文本域可以為用戶提供輸入文字的功能，瀏覽器會將文本域解譯為一個矩形框，用戶將光標(biāo)移動到該框體，并點擊即可將光標(biāo)移動到框體內(nèi)。用戶可以在表單中鍵入字母、數(shù)字等內(nèi)容。
文本域的定義方法是在標(biāo)簽中為type屬性設(shè)置text值


XML/HTML Code復(fù)制內(nèi)容到剪貼板

  1. <form>

  2. 文本域1:<input type=”text” name=”firstname” />

  3. 文本域2:<input type=”text” name=”lastname” />

  4. form>

瀏覽器顯示如下：
201678135308382.png (296×89)

單選按鈕
單選按鈕多數(shù)情況下出現(xiàn)在用戶注冊時錄入資料的選項中，該類型多用戶只允許用戶選擇一項結(jié)果時使用。
單選按鈕的定義方法是在標(biāo)簽中將type屬性的值設(shè)置為radio。

  1. <form>
<input type=”radio” name=”sex” value=”male” /> 男生   
<input type=”radio” name=”sex” value=”female” /> 女生   
</form>

瀏覽器中的顯示為：
201678135342504.png (164×77)

復(fù)選框
復(fù)選框可讓用戶勾選某些對應(yīng)的一個或多個選項。常見的一般是在用戶登錄時，為用戶提供記住登錄帳號等功能。也可以在用戶調(diào)查的頁面中，搜集用戶的多項意見。
復(fù)選框定義方法是在標(biāo)簽中將type屬性的值設(shè)置為checkbox

  1. <form>
<input type=”checkbox” name=”val1″ />
前端開拓者不錯   
<input type=”checkbox” name=”val2″ />
前端開拓者一般   
</form>

瀏覽器顯示如下：
201678135409883.png (203×92)

下拉菜單
下拉菜單在信息選擇上與單選類似，但是下拉菜單可以容納更多的信息。并且下拉菜單在選擇菜單值后可以執(zhí)行額外的腳本。
下拉菜單以