html標籤(表單)

表單標籤:
    語法: <form   method="傳送方式"   action="服務器文件">
    講解: 1.<form> :<form>標籤是成對出現的,以<form>開始,以</form>結束。
        2.action :瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。
        3.method : 數據傳送的方式(get/post)。

文本輸入框、密碼輸入框:        
    語法: <form><input type="text/password" name="名稱" value="文本" /></form>
    講解: 1type:當type="text"時,輸入框爲文本輸入框;當type="password"時, 輸入框爲密碼輸入框。
            2、name:爲文本框命名,以備後臺程序ASP 、PHP使用。
            3value:爲文本輸入框設置默認值。(一般起到提示作用)

文本域,多行文本輸入:
    語法: <textarea  rows="行數" cols="列數">文本</textarea>
    講解: 1、<textarea>標籤是成對出現的,以<textarea>開始,以</textarea>結束。
            2、cols :多行輸入域的列數。
            3、rows :多行輸入域的行數。
            4、在<textarea></textarea>標籤之間可以輸入默認值。

單選框、複選框:
    語法: <input   type="radio/checkbox"   value="值"    name="名稱"   checked="checked"/>
    講解: 1type:當 type="radio" 時,控件爲單選框。當 type="checkbox" 時,控件爲複選框
            2value:提交數據到服務器的值(後臺程序PHP使用)
            3、name:爲控件命名,以備後臺程序 ASP、PHP 使用
            4、checked:當設置 checked="checked" 時,該選項被默認選中

下拉列表框:
    語法: <select>
             <option value ="1">Volvo</option>
             <option value ="2" selected="selected">Saab</option>
            </select>
    講解: select是顯示一個下拉列表出來,<select>標籤中設置multiple="multiple"  就可以實現多選功能
            option是下拉列表中的項目,option的文本內容是下拉列表項目中顯示到頁面上的值,
            value是真正需要提交到服務端的值。
            option中的參數:selected="selected" 如果需要打開頁面就默認選中某個option,需要用到selected參數:
                            disabled="disabled" 如果需要禁用某個項目,但是卻又不想隱藏,可以使用disabled屬性
                            title 如果需要在鼠標放到某個項目上時,給出提示,可以使用title屬性 
    語法: <select>
             <optgroup label="Swedish Cars">
              <option value="1">Volvo</option>
              <option value="2">Saab</option>
             </optgroup>
             <optgroup label="German Cars">
              <option value="3">Mercedes</option>
              <option value="4">Audi</option>
             </optgroup>
            </select>
    講解: 下拉列表包含一個“項目組”,這個組是無法選擇的
            使用label標籤標記字面內容,真正起作用的,還是value屬性。

提交按鈕,重置按鈕:
    語法: <input   type="submit"   value="提交">
    講解: type:只有當type值設置爲submit時,按鈕纔有提交作用
            value:按鈕上顯示的文字

    語法: <input type="reset" value="重置">
    講解: type:只有當type值設置爲reset時,按鈕纔有重置作用
            value:按鈕上顯示的文字

label標籤:
    語法: <label for="控件id名稱">
    講解: label標籤不會向用戶呈現任何特殊效果,它的作用是爲鼠標用戶改進了可用性。
            如果你在 label 標籤內點擊文本,就會觸發此控件。
            當用戶單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控件上(就自動選中和該label標籤相關連的表單控件上)。





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章