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

首頁 web前端 html教學(xué) 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）定義的。常見的輸入類型有文字網(wǎng)域、單選按鈕、複選框、下拉式選單等等。

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

標(biāo)籤定義表單的範(fàn)圍，在
中的元素的值會被透過這個表單提交到對應(yīng)的位址中。
文字域
文字域可以提供使用者輸入文字的功能，瀏覽器會將文字域解譯為一個矩形框，使用者將遊標(biāo)移到該框體，並點選即可將遊標(biāo)移到框體內(nèi)。使用者可在表單中鍵入字母、數(shù)字等內(nèi)容。
文字域的定義方法是在標(biāo)籤中為type屬性設(shè)定text值


XML/HTML Code

    2. ##複製內(nèi)容到剪貼簿

  2. <form#>

  3. 文字域1:<

    input
    4. ?
  4. type

    =”text”?name=”firstname”?/ >

    5. 文字域2:
<


#input201678135308382.png (296×89)?

type

=”text”?


201678135342504.png (164×77)

# name=”lastname”?
/>

  1. #

    form
    201678135409883.png (203×92)>


    瀏覽器顯示如下：

    1. #單選按鈕

    單選按鈕多數(shù)情況下出現(xiàn)在使用者註冊時輸入資料的選項中，此類型多使用者只允許使用者選擇一項結(jié)果時使用。
    單選按鈕的定義方法是在標(biāo)籤中將type屬性的值設(shè)為radio。 201678135442039.png (149×83)

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

    瀏覽器中的顯示為：

    1. 複選框

    複選框可讓使用者勾選某些對應(yīng)的一個或多個選項。常見的一般是在使用者登入時，為使用者提供記住登入帳號等功能。也可以在使用者調(diào)查的頁面中，蒐集使用者的多項意見。
    複選框定義方法是在標(biāo)籤中將type屬性的值設(shè)定為checkbox201678135509377.png (401×69)

    ###
    <form>
<input type=”checkbox” name=”val1″ />
前端開拓者不錯   
<input type=”checkbox” name=”val2″ />
前端開拓者一般   
</form>
    #########瀏覽器顯示如下：## #############下拉式選單######下拉式選單在資訊選擇上與單選類似，但是下拉式選單可以容納更多的資訊。並且下拉式選單在選擇選單值後可以執(zhí)行額外的腳本。 ###下拉選單以