09-HTML-form標籤

<html>
 <head>
  <title>form標籤學習</title>
  <meta charset="utf-8"/>
 </head>
 <body>
  <!--
   form表單標籤學習:
    做用:收集並提交用戶數據給指定的服務器
    屬性:
     action:收集的數據提交地址也就是URL
     method:收集的數據的提交方式
      get:適合小量數據,表單數據以?隔開拼接在URL後面,不一樣的鍵值對使用&符號隔開,不安全。
      post:適合大量數據,安全,隱式提交。
     注意1:form標籤會收集其標籤內部的數據。
     注意2:
      表單數據提交,要提交的表單項必須擁有name屬性值,不然不會提交。
      而且提交的表單項數據爲鍵值對,鍵爲name屬性的值,值爲用戶書寫的數據
     注意3:form表單的數據提交須要依賴於submit提交按鈕。
   form表單域標籤:
    做用:給用戶提供進行書寫或者選擇的標籤。
    使用:
     文本框:
      input
       type:
        text:收集少許的文本數據,用戶可見 。
        password:收集用戶密碼數據
       name:數據提交的鍵,也會被js使用
       value:默認值
     單選框:
      input
       type:
        radio
       name:name屬性值相同的單選框只能選擇一項數據
       value:是要提交的數據
       checked:checked使用此屬性的單選默認是選擇狀態
    
   form表單標籤的使用:
    在點擊數據提交時,form標籤會將其內部全部form表單域標籤中用戶書寫的數據
    按照method指明的提交方式提交給action屬性所指明的提交地址。
   
  -->
  <h3>form標籤學習</h3>
  <hr />
  <form action="#" method="get">
   用戶名:<input type="text" name="uname" value="王五"/><br />
   密碼:<input type="password" name="upwd"/><br />
   性別:男<input type="radio" name="sex" value="1" checked="checked"/> 女<input type="radio" name="sex" value="0"/><br />
   <input type="submit" value="登陸"/>
   
   
  </form>
  
 </body>
</html>html

相關文章
相關標籤/搜索