[HTML]使用 Veiwport 設定手機網頁的螢幕解析度

<meta name="viewport" content="width=device-width; initial-scale=1.0;">

Viewport 其他屬性

width	設定畫面寬度
height	設定畫面高度
initial-scale	設定畫面的初始縮放比例
minimum-scale	設定畫面的最小縮放比例
maximum-scale	設定畫面的最大縮放比例
user-scalable	設定是否允許使用者改變縮放比例

根據W3C草案，在meta tag中viewport有以下屬性可設定

• width:[數字] 或 device-width
• height:[數字] 或 device-height
• initial-scale:最小0.25，最大5
• minimum-scale:最小0.25，最大5
• maximum-scale:最小0.25，最大5
• user-scalable:1 或 0 (yes 或 no)

[HTML]送出表單前跳出確認對話框

<input type="submit" value="送出" onclick="return confirm('確定送出?\n送出後不可修改')"/>

[HTML]框線、格線運用

表格標籤 <TABLE> 的屬性有 BORDER, FRAME, HEIGHT, WIDTH, CELLSPACING, CELLPADDING, ALIGN, 及 RULES 等. 其說明如下:

• BORDER=0,1,... --- 控制表格外框的寬度. 不加參數 BORDER 與 BORDER=0 同義, 均表示表格沒有畫格子. 參數 BORDER 與 BORDER=1 同義.
• FRAME=arg --- 控制表格外框四個邊的顯現與否, 其中 arg 可為 :
  • void --- 隱藏表格外框
  • above --- 僅出現上框
  • below --- 僅出現下框
  • hsides --- 僅出現上下兩框
  • vsides --- 僅出現左右兩框
  • box --- 出現表格外框四個邊
  • border --- 出現表格外框四個邊
• HEIGHT=70% --- 控制表格在整個視窗中所占高的比率, 亦可以 pt, in(英尺), cm 等表示.
• WIDTH=80% --- 控制表格在整個視窗中所占寬的比率, 亦可以 pt, in(英尺), cm 等表示.
• CELLSPACING=1, 2, ... --- 控制欄位與欄位之間的寬度
• CELLPADDING=1, 2, ... --- 控制欄位與資料之間的寬度
• ALIGN=left, right --- 表格左或右會有字串出現
• RULES=arg --- 控制表格橫線及直線等. 其中 arg 可為 :
  • none --- 隱藏分格線
  • rows --- 僅出現橫線
  • cols --- 僅出現垂直線
  • all --- 與不加參數 RULES 相同, 會畫出所有分格線
  • 其他如 groups

[HTML]鎖定text、textarea

有時候會把文字顯示在text或是textarea內
但又不想要讓使用者去編輯它
可以使用disabled 屬性把他鎖起來
<input type="text" disabled="disabled" />
但是文字會變成灰灰的
像這樣：

實在不美觀

用另一種方法
onfocus="blur()"
<input type="text" onfocus="blur()" />
結果像這樣：


這樣好看多了吧！