1. 程式人生 > >Html常用標籤使用方法彙總

Html常用標籤使用方法彙總

  • <form> </form>

property:  

action:規定提交表單時,向何處傳送表單資料

name: 給表單命名

target: _blank 

method:提交方式,post或get值

 

  • <input>標籤定義表單的輸入介面,通過type屬性來展示輸入介面,通過value改變預設值

普通文字框:<input type="text"/>

密碼框:<input type="password"/>

檔案上傳:<input type="file"/>

隱藏的input: <input type="hidden"/>

普通按鈕:<input type="button"/>

單選:<input type="radio"/> 通過相同的name屬性來實現單選,如:性別:

           性別:<input type="radio" name="sex"/>男

                     <input type="radio" name="sex"/>女

複選框:<input type="checkbox"/>

提交:<input type="submit"/>

重置:<input type="reset"/>

 

注:

屬性checked,可用值checked,一般用於選擇輸入介面(單選複選),實現預設選擇

屬性disabled,可用值disabled,幾乎所有的輸入介面可以使用該屬性

屬性name,自己給input輸入介面起名字

屬性readonly,可用值readonly,使輸入介面為只讀狀態

屬性size,值為數字,設定輸入框長度

屬性value,該屬性就是這個input最終提交到頁面的資料,可以通過該屬性設定預設值

 

  • <textarea> </textarea> 標籤,定義多行輸入框,是雙標籤, 預設值直接解除安裝標籤之間

 屬性:cols,值為數字,屬性rows,值為數字

也可以使用上面所說的:disabled,name,readonly屬性

  

 

 標籤的for屬性與相關的input的id屬性相同(點選文字也能選中單選、複選框)

  • <label>標籤,提升使用者體驗

 

  • <select>標籤,配合option標籤來實現下拉選單

可用屬性:disabled,name,multiple(多選) 

如: <select>

              <option>無錫</option>

              <option>無錫</option>

               <option>無錫</option>

      </select>

 

  • <option>標籤

可用屬性:disabled, selected,value

 

  • optgroup標籤 ,把相關的屬性組合在一起

 屬性:label,給選項組命名       

屬性: disabled