表單標籤

• form標籤
  

基本控制元件

• 單行文字框標籤

1. type屬性被設定為"text"的input元素
2. value屬性表示填好的值
3. placeholder屬性表示提示
4. disabled屬性表示鎖死，使用者改不了
   
   

• 單選按鈕
  type屬性為radio的input元素
  

1. 互斥的單選按鈕name值需要相同
2. 如果加上checked屬性，會預設選中
   

• label標籤
  將文字和單選按鈕進行繫結
  此時點女也可以
  
  注意不能有for
  如果是html4
  
  需要設定id 和 for
• 複選框
  type屬性為checkbox
  
  
• 密碼框
  type屬性為password
  和文字框相同但是顯示會被遮蔽
  
  
• 下拉框選單
  select標籤表示下拉選單 ，option是他內部的選項
  
  
• 多行文字框
  textarea標籤表示多行文字框
  rows和cols屬性，用於定義行數和列數
  
  
• 三種按鈕
  也是input標籤
  
  
  

input小總結

html5中的新增type

• 顏色選擇
  
  
• 日期選擇
  
  
• 時間選擇
  
  
• 電子郵件
  
  
• 必填
  
  
• 數字
  
  
• 拖拽條
  
  
• 搜尋框
  
  
• 網址
  
  
• datalist控制元件
  可以為輸入框提供一些備選內容，當輸入相同字會有提示
  
  

表格標籤

• border屬性
  邊框
  
  
  預設是雙線表格
  如果給css加上boder-collapse:collapse;
  則會變成單線表格
• caption屬性
  表示表格標題
  和tr是同一級的
  
  
• th標籤
  標題小格
  是在tr裡面的，預設樣式加粗
  
  
• colspan屬性
  設定td或者th的列跨度（橫著跨）
  
  程式碼如下

<!--學習列跨度-->
<table width="400" border="1">
    <tr>
        <td colspan="2">a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr>
        <td>d</td>
        <td colspan="3">e</td>
    </tr>
    <tr>
        <td>f</td>
        <td>g</td>
        <td>h</td>
        <td>i</td>
    </tr>
</table>
 

• rowspan屬性
  用來設定td或者th行跨度
  
  需要搞清楚每行有幾個小格
  要實現這個效果程式碼如下
  
• 同時擁有這兩個屬性
  
  程式碼如下
  
• thead
  表頭
• tbody
  表核心內容
• tfoot
  表腳