1. 程式人生 > 其它 >二、標籤的學習

二、標籤的學習

form標籤

作用: 獲取使用者輸入的各種資訊 並提交給伺服器

點選檢視程式碼

<form action="http://www.baidu.com">  
  <!--maxlength最大字元長度     value設定預設值     readonly只讀-->
   使用者名稱:<input type="text" name="username" maxlength="5"        value="abc" readonly ><br> 
   密碼:<input type="password" name="password"><br>    
  <!--value是單選框必須新增的屬性 否則提交on    checked預設選中-->    
  性別:<input type="radio" name="gender" value="m" id="r1">    
  <label for="r1">男</label>    
  <input type="radio" name="gender" checked value="w">女<br>    
  興趣愛好:<input type="checkbox" name="hobby" value="cy">抽菸    
  <input type="checkbox" name="hobby" checked value="hj">喝酒    
  <input type="checkbox" name="hobby" value="tt">燙頭<br>    
  生日:<input type="date" name="birthday"><br>    
  靚照:<input type="file" name="pic"><br>    所在地:    
  <!--value設定提交的內容    selected預設選中-->    <select name="city">        
  <option value="bj">北京</option>        <option value="sh">上海</option>        
  <option value="gz" selected>廣州</option>    </select><br>    
  <input type="submit" value="註冊"></form>

分割槽標籤

  • 作用: 可以理解為是一個容器,將多個有相關性的標籤進行統一管理
  • 塊級分割槽標籤div: 特點是獨佔一行
  • 行內分割槽標籤span: 特點是共佔一行
  • 頁面區域如何劃分? 至少分為三大區(頭,體,腳) 每個大的區域再劃分n個小的區域
  • HTML5的標準中新增了一些語義更強的分割槽標籤,為了提高程式碼的可讀性. 這幾個標籤的作用和div一樣都是塊級分割槽標籤

例如:header頭footer腳main主體 section區域nav 導航