二、標籤的學習
阿新 • • 發佈:2022-04-22
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 導航