<menu id="ycqsw"></menu><nav id="ycqsw"><code id="ycqsw"></code></nav>
<dd id="ycqsw"><menu id="ycqsw"></menu></dd>
  • <nav id="ycqsw"></nav>
    <menu id="ycqsw"><strong id="ycqsw"></strong></menu>
    <xmp id="ycqsw"><nav id="ycqsw"></nav>
  • html中label標簽的用法(html中label標簽屬性介紹)


    1.form 標簽

    1)作用

    <form></form>定義表單的開始位置和結束位置,表單提交時的內容就是<form>表單中的內容

    2)基本格式

    <form action="服務器端地址(接受表單內容的地址)" name="表單名稱" method="post|get">...</form>

    3)常用屬性

    1.name

    表單名稱

    2.method

    傳送數據的方式,分為post和get兩種方式:

    1. get方式:get方式提交時,會將表單的內容附加在URL地址的后面,所以限制了提交的內容的長度,不超過8192個字符,且不具備保密性。
    2. post方式:post方式提交時,將表單中的數據一并包含在表單主體中,一起傳送到服務器中處理,沒有數據大小限制。
    3.action

    表單數據的處理程序的URL地址,如果為空則使用當前文檔的URL地址,如果表單中不需要使用action屬性也要指定其屬性為”no“。

    4.enctype

    設置表單的資料的編碼方式。屬性值:

    1. application/x-www-form-urlencoded:在發送前編碼所有字符(默認)
    2. multipart/form-data:不對字符編碼。在使用包含文件上傳控件的表單時,必須使用該值。
    3. text/plain:空格轉換為 “+” 加號,但不對特殊字符編碼。
    5.target

    和超鏈接的屬于類似,用來指定目標窗口。

    2.input 標簽

    1)注意

    input 標記沒有結束標記。

    2)基本語法

    <input type="" name="" value="" size="" maxlength="">

    3)屬性

    1.type屬性
    1. text:文本輸入域
    2. password:密碼輸入域
    3. submit:提交按鈕
    4. reset:重置按鈕
    5. button:普通按鈕
    6. radio:單選按鈕,可以使用”checked“屬性來設置默認選中項
    7. checkbox:復選框,可以使用”checked“屬性來設置默認選中項
    8. hidden:隱藏表單域
    9. file:文件域
    2.name屬性

    定義控件的名稱

    3.value屬性

    初始化值,打開瀏覽器時,文本框中的內容

    4.size屬性

    設置控件的長度

    5.maxlength屬性

    輸入框中最大允許輸入的字符數

    3.textarea 標簽

    1)作用

    使用 textarea 標記可以實現一個能夠輸入多行文本的區域。

    2)語法格式

    rows屬性和cols屬性分別用來指定,顯示的行數和列數,單位是字符個數;value指定傳送到服務器上面的值。

    <textarea name="name" rows="value" cols="value" value="value">... ... </textarea>

    4.select 標簽

    1)作用

    菜單下拉列表域,生成一個下拉列表。

    2)option 標簽

    作用:

    option 標記用來指定列表中的一個選項,需要放在 select 之間。

    值:

    1. value:給選項賦值,指定傳送到服務器上面的值。
    2. selected:指定默認的選項。

    3)語法格式

    <select name="" size="value" multiple>    <option value="value1" selected>選項1</option>    <option value="value2">選項2</option>    <option value="value3">選項3</option>    ... ... ...</select>

    4)屬性

    1. multiple屬性:multiple屬性不用賦值,其作用是,表示用可以多選的下來列表,如果沒有這個屬性就只能單選。
    2. size屬性:設置列表的高度。
    3. name屬性:定義這個列表的名稱。

    5.label 標簽

    1)作用

    用于綁定一個表單元素, 當點擊label標簽的時候, 被綁定的表單元素就會獲得輸入焦點

    2)語法
    <label for="male">Male</label><input type="radio" name="sex" id="male">

    6.舉例

    <form name="form" method="post" action="no" enctype="multipart/form-data">  <label for="male">賬號:</label><input type="text" name="username" value="admin"  id="male"><br>  密碼:<input type="password" name="password" size="50" maxlength="6"><br>  性別:<input type="radio" name="sex" value="男"> 男    <input type="radio" name="sex" value="女" checked="checked"> 女<br>  興趣:<input type="checkbox" name="interest" value="籃球">籃球    <input type="checkbox" name="interest" value="足球" checked="checked">足球    <input type="checkbox" name="interest" value="羽毛球" checked="checked">羽毛球    <input type="hidden" name="hidden"><br>  頭像:<input type="file" name="file"><br>  簡介:    <textarea rows="10" cols="30">        </textarea><br>  城市:    <select name="city" multiple>      <option value="beijing">北京</option>      <option value="shanghai" selected>上海</option>      <option value="nanjing">南京</option>      <option value="guangdong">廣東</option>    </select>  <br>  <input type="submit" value="注冊">  <input type="reset">  <input type="button" value="普通按鈕"></form>
    12.HTML表單標簽

    版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。

    發表評論

    登錄后才能評論
    国产精品区一区二区免费