HTML5(二)

接着昨天的寫:



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裏的discli標籤前面的點,或是方塊,或是空心點。

         <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。加油吧。明天繼續


發佈了30 篇原創文章 · 獲贊 16 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章