form(表單)標簽常用標簽及屬性


1.表單標簽語法:

  <form method="傳送方式" action="服務器文件"></form>

  (1)<form>標簽成對出現,

  (2)兩種數據傳送方式(get/post)

 

 

2.文本框,密碼框:

  語法:

   <form>

    <input type="text/password" name="名稱" value="文本">

    </form>

(1)type="text"時,輸入框為文本框

(2)type="password"時,輸入框為密碼框

(3)name,命名文本框

(4)value,文本框輸入的默認值

例:

<form>

  姓名:<input type="text">

  密碼:<input type="password">

</form>

 

 

3.多行文本:

  語法:

<form>

  <textarea rows="行數" cols="列數"></textarea>

</form>

例:

<form>

  <textarea rows="10" cols="10"></textarea>

</form>

 

 

4.單選框,多選框

語法:

<form>

  <input type="radio/checkbox" value="值" name="名稱">

</form>

type=“radio”時,輸入框為單選框

type=“checkbox”時,輸入框為多選框

例:

<form>

  <input type="radio" value="' name="">是

  <input type="radio" value="" name="">否

</form>

<form>

  <input type="checkbox" value="" name="">1

  <input type="checkbox" value="" name="">2

  <input type="checkbox" value="" name="">3

</form>

 

 

5.下拉列表框:

語法:

<form>

  <select>

     <option value="值"></option>

     <option value="值"></option>

     <option value="值"></option>

  </select>

</form>

 

 

6.下拉列表多選框:

語法:

<form>

  <select multiple>

     <option></option>

     <option></option>

  <select>

</form>

 

 

7.普通,提交,重置按鈕:

語法:

<form>

  <input type="button" value="普通按鈕">

  <input type="submit" value="提交按鈕">

  <input type="reset" value="重置按鈕">

</form>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM