線上書籍

Home

XOOPS 新版佈景設計

一、 HTML表單

  1. 文字框:<input type="text" name="名稱" value="預設值" size="大小">
  2. 隱藏框:<input type="hidden" name="名稱" value="預設值">
  3. 密碼框:<input type="password" name="名稱" size="大小">
  4. 上傳框:<input type="file" name="名稱" size="大小">
  5. 送出鈕:<input type="submit" value="按鈕文字">
  6. 單選框:<input type="radio" name="名稱"  value="值 1">選項文字 1
    • (1)  單選框通常會有好幾個選項,一組選項就要一組<input>,name 都要一樣才行!
    • (2)  若要預設選取,要加上 checked="checked"
    • (3)  可以用<label for="id">選項</label>,以便點選文字就可以勾選該項目。
  7. 複選框:<input type="checkbox" name="名稱[]"  value="值 1">選項文字 1
    • (1)  複選框通常同時會有好幾個選項,一組選項就要一組<input>
    • (2)  name 都要一樣才行!而且因為是複選,所以 name 要加上[],如此會送出陣列。
    • (3)  若要預設選取,要加上 checked="checked"
  8. 下拉選單:<select name="名稱" size=1>選項</select>
    • (1)  選項:<option value="值">選項文字</option>
      • a. 一組選項,就是一組<option>
      • b. 若要預設選取:要在<option>中加入 selected="selected"
    • (2)  若希望下拉選單可以複選,除了 name 要加上[]外,還要加上 multiple 屬性。
  9. 大量文字框:<textarea name="名稱" cols="欄寬" rows="列高">預設值</textarea>