接着昨天的寫:
HTML5裏還有幾個重要的標籤,分別是:
<form></form>,<select></select>,<div></div>,<table></table>,<ul></ul>,<ol></ol>,<input></input>等,
接下的分享中還有加入其他標籤。
1.<form></form>和<input></input>一起使用的比較多,
(1)<form>頁面從用戶獲得數據的唯一手段,例如:
<form action=”url” method = “post”>
姓名:<inout type=”text”/>
密碼:<inout type=”password”/>
<input type=”submit” value=”提交”/>
</form>
上面的這是最簡單的一個提交,當然還有ajax,js等提交方式,後面再講。
(2)<input>這個標籤形式很多,多用於頁面的各種註冊,等。可以說是收集信息的。
例如:<input type=”radio” name=”name” value=”1” />男
<input type=”radio” name=”name” value=”2”/>女
上面這兩行代碼是單選按鈕,之所以可以單選是因爲name起的名字相同。
<input type=”checked checked=”checked“name=”name”” />複選框,並默認選中
<input type=”email”/>等。這個可以自己去3c網站看。
(3)<select>這是下拉按鈕。沒啥講的給個案例:
<select>
<optgrouplabel="權限選擇"> //標籤自定義選項
//爲了更好讓用戶使用
<option>自己可見</option>
<option>所有人可見</option>
<option>好友可見</option>
<option>壞人不能見</option>
</optgroup>
</select>
(4)<div>是一個塊級元素,他的作用就是用來佈局,
Div的使用很多,也有很多屬性,其實可以讓塊元素變行內元素的屬性使用例如:<div style=“dispel=inline”></div>disple還有其他的設置這個可以自己試試。
(5)<ul>是無序列表和<li>標籤一起使用:
<ul> type="disc">//type裏的disc是li標籤前面的點,或是方塊,或是空心點。
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
</ul>
相對應的是有序列表<ol>:
<oltype="A">//這是選擇用是排序,阿拉伯數字,羅馬數字等,
//也可以設置排序的起始數字用start屬性
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
</ol>
今天總結:html的屬性沒有學會的,感覺只要你知道有這個屬性你就能用,多用就會了,也不用都記住常用的記住就行,不會了就看api。加油吧。明天繼續…