手機輸入框輸入格式控制

wap1.2

input掩碼：

A： 從A到Z的任何大寫字母，沒有數字或其他字元。

a： 從a到z的任何小寫字母，沒有數字和其他字元。

N： 任何0到9的數字。

X： 從A到Z從0到9的任何字元。

x： 從a到z從0到9的任何字元。

M： 任何字元，輸入預設從大寫開始。

m： 任何字元，輸入預設從小寫開始。

*f： （星号）意味着任何數字（包括0），f是格式的代碼。

nf： 意味着恰好要輸入的字元個數。n從1到9。f是格式代碼。

\： 是轉義輸出字元。

格式化字元可以組合使用來表示一種特定的格式輸入。但是強制一定的輸入應當避免在使用者出錯的時候沒有提示資訊。

如果輸入是不正确的，該填寫的區域一般仍保持空白，直到讓使用者知道應該輸入什麼。如果隻想輸入數字，使用“*N”

那麼将直接轉跳到數字輸入模式。如果隻想輸入大寫的字元，使用“*M”轉跳到大寫輸入模式。現舉一些例子:

“N” 隻接受一個數字字元。

“*N” 接受任何數字字元。

“NN” 隻接受2個數字字元，不多不少。

“ANN” 接受一個大寫字元（沒有數字），後面跟着兩個數字，不多不少。

“X*N” 表示可以接受一個字元（沒有數字）後面跟着任意多的數字字元。

“NNN\-NNN\-NNNN”表示接受美國的電話号碼格式，例如：“123-456-1234”。

“2N\:2N\:2N” 表示接受時間格式，例如：“12:02:34”。

“NNNNNNNNN” 表示接受9個數字字元。

“9N” 同樣表示接受9個數字字元。

maxlength參數控制着輸入字元的總個數。

wap2.0/html

WCSS快捷鍵擴充

給元素定義快捷鍵：-wap-accesskey屬性

可用的屬性值*，#，0，1，2，3，4，5，6，7，8，9

input.wcss_class {-wap-accesskey: 4} 直接定義*和#違反CSS2文法。需要使用Unicode轉義字元\2a和\23。但是有些WAP浏覽器（Sony Ericsson WAP 浏覽器 ）要求使用\2a 和 \23,一些（Openwave 手機浏覽器） 要求使用* 和#。

與元素的accesskey屬性同效，如同時定義，顯示該屬性值。

隻用于四個元素a， input，label，textarea，其他定義也無效。

WCSS輸入擴充

由兩個屬性組成：-wap-input-famat和-wap-input-required，對應于WML中<input>元素的format（定義類型和字元數量）和emptyok（是否可以留白）屬性。

早些的移動裝置上WAP浏覽器不支援，但支援format和emptyok屬性作為XHTML MP的擴充。為了更好的相容性，建議WCSS和WML都使用。<input type="text" format="N" style='-wap-input-format: "N"'/>

控制文本框的類型和字元數量：-wap-input-format。需應用在<input type=“text”>, <input type=“password”>和<textarea> 标簽上，如應用在其他标簽無效。格式字元（大小寫敏感）：a（小寫字母或符号），A（大寫字母或符号），n（數字或符号）N（數字），x（小寫字母或數字或符号），X（大寫字母或數字或符号），m（任何字元，預設小寫字母輸入模式，可換大寫模式），M（任何字元，預設大寫字母輸入模式，可換小寫模式）。屬性值必須包含在引号内，由于部分Openwave 手機浏覽器不支援單引号，建議使用雙引号（<input type=“text” style=‘-wap-input-format: “N”’/> ）-wap-input-format: “2N” （最多兩個數字） -wap-input-format: “NN” （兩個數字）   -wap-input-format: “*N” （無限個數字） -wap-input-format: “A*a” （第一個大寫字母或符号，0-n個小寫字母或符号）  -wap-input-format :“*M”（預設）    格式字元前使用數字或*的原則：1、隻允許一次；2、在最後如果值文法錯誤，則WAP浏覽器忽略該屬性。也可以包含轉義字元：’\’在WCSS中是特殊字元，使用’\\’。控制文本框是否可以留白：-wap-input-required（值為：false和true ），幫助控制文本框是否可以空白。使用元素同上。當-wap-input-format和-wap-input-required沖突時，以required優先。

WCSS Marquee擴充

可以在螢幕上滾動一些内容（一行文字，一個圖檔，一個連結等），但一些WAP浏覽器隻支援滾動文字。當内容超過螢幕時很有用。包含四個屬性和一個屬性值：-wap-marquee屬性值（display屬性的值），-wap-marquee-dir屬性（指定marquee的方向,值：ltr，rtl-預設），-wap-marquee-loop屬性（指定marquee重複的時間，infinite永遠，大多數預設為1），-wap-marquee-speed屬性（指定marquee的速度，值：slow，normal-預設，fast），-wap-marquee-style（指定marquee在螢幕上如何滾動，有三個值：scroll-預設，slide，alternate）