文章詳情頁
WML學(xué)習(xí)之五 顯示表單
瀏覽:92日期:2022-06-03 18:45:05
顯示表單
類似于HTML的<FORM>,<fieldset>可用來包括一組表單選項,但不是必須的。前面說過,當(dāng)<card>的ordered設(shè)置為false時,手機可以顯示一個概要CARD來總結(jié)有效的選項,方便用戶從中選取表單選項來填寫,概要CARD就是根據(jù)<fieldset>和獨立的輸入框<input>以及選單<select>來總結(jié)的。語法為, <fieldset title="label">表單內(nèi)容</fieldset>,可選的title屬性除了可用來表示表單的名字外,還在概要CARD里作為選擇項的標(biāo)題。表單內(nèi)容可以是嵌套的<fieldset>,輸入框<input>,選單<select>和必要的提示文本。
<input name="variable" title="label" type="type" value="value" default="default" format="specifier" emptyok="false|true" size="n" maxlength="n" tabindex="n"/>,用來輸入文本,除了name屬性是必要的,其他可選。
*name屬性,指定了用來存儲該輸入文本的變量名字。
*title屬性,該輸入框的名字,同樣可被用來作為概要CARD頁中的選項名。
*type屬性,默認(rèn)值為text,如選擇password,則輸入的數(shù)據(jù)顯示為*。
*value屬性,在語法和行為上等同于下面的default屬性,
*default屬性,指定輸入框的默認(rèn)值,即name屬性指定變量的默認(rèn)值,當(dāng)用戶輸入新值時,該值無效,如果該值不符合以下format屬性的規(guī)定,則手機也忽略該默認(rèn)值。
*format 屬性,用來格式化輸入的數(shù)據(jù),可用的標(biāo)記如下,使用時可用“一位數(shù)字標(biāo)記”和“*標(biāo)記”的形式,前者代表N個標(biāo)記型字符,如3X, 后者代表任意個(小于maxlength屬性的值)標(biāo)記型字符。
標(biāo)記 描述
A 任何符號或者大寫字母(不包括數(shù)字)
a 任何符號或者小寫字母(不包括數(shù)字)
N 任何數(shù)字(不包括符號或者字母)
X 任何符號、數(shù)字或者大寫字母(不可改變?yōu)樾懽帜?
x 任何符號、數(shù)字或者小寫字母(不可改變?yōu)榇髮懽帜?
M 任何符號、數(shù)字或者大寫字母(可改變?yōu)樾懽帜?或者多個字符,默認(rèn)為首字大寫
m 任何符號、數(shù)字或者小寫字母(可改變?yōu)榇髮懽帜?或者多個字符,默認(rèn)為首字小寫
*maxlength屬性,指定了用戶可輸入的最大字符長度,最大限制為256個字符。
*emptyok屬性,表示用戶可否不填輸入框,默認(rèn)為false,即要填。
*size屬性,輸入框顯示長度,目前未被支持。
*tabindex屬性,類似于在HTML表單中按TAB鍵后,焦點落在哪個選項上,該值決定了這個選擇順序,數(shù)字大的排在后面。目前未被支持。
test4.wml
---------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="card1" ordered="false">
<p>
USERNAME:<input name="userName" title="User Name" type="text" value="YourNameHere" format="*M" emptyok="false" maxlength="12" tabindex="1"/>
PASSWORD:<input name="password" title="Password" type="password" format="8x" emptyok="false" maxlength="8" tabindex="2"/>
COMMENTS:<input name="comments" title="comment" type="text" value="YourCommentsHere" format="*M" emptyok="true" maxlength="30" tabindex="3"/>
</p>
</card>
</wml>
將上例<card>中的odered的值改為"true"試試看,然后再在<p>和</p>內(nèi)加入<fieldset title="field1">和</fieldset>試試看。
<select>選單類似于HTML表單中的<SELECT>,<select>和</select>間可包含<optgroup>和<option>標(biāo)簽,語法如下,所有屬性都為可選:
<select title="label" multiple="false|true" name="variable" default="default" iname="index_var" ivalue="default" tabindex=" n">
<optgroup title="label">選單內(nèi)容</optgroup>
<option title="label" value="value" onpick="url">
事件或者文本
</option>
</select>
*title屬性,如以上<input>的title屬性。
*multiple屬性,指定用戶可否進(jìn)行多項選擇,默認(rèn)值為false。
*name屬性,用來存儲用戶選擇項的變量名,其值為 <option>標(biāo)簽的value屬性,若用戶沒有選擇又沒有用 default 屬性指定默認(rèn)值,則手機將改變量賦值為空字符串"",對于多項選擇,每個值用“;”分開。
*default屬性,可為name屬性指定的變量賦默認(rèn)值。
*iname屬性,用來記錄用戶選擇項的位置,相應(yīng)的值從 1 開始。 若沒選,則該值為0。
*ivalue屬性,用來記錄默認(rèn)值所在的位置。
<optgroup>可用來將多個<option>分組,<optgroup>和</optgroup>間還可包括<optgroup>和<option>,該標(biāo)簽?zāi)壳吧形幢恢С帧?
<option>,類似于HTML中選單的<OPTION>,用來表示選單的可選項。<option>和</option>間可包括事件(見下節(jié))和選單的顯示文本。<option> 的屬性為可選,其中value屬性用來提供值,當(dāng)選到該項后,將該值賦給<select> 的name屬性所指定的變量。onpick屬性,用來指定用戶選到該項并按ACCEPT鍵后所打開頁面的URL。
test5.wml
---------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="card0" ordered="false">
<p>
Please select a city...
<select title="Cities List" name="city">
<option title="Beijing" value="c1">Beijing</option>
<option title="Shanghai" value="c2">Shanghai</option>
<option title="Hongkong" value="c3">Hongkong</option>
</select>
Please select columns...
<select title="Column List" multiple="true" name="col">
<option title="Hot News" value="l1">News</option>
<option title="Cool Sports" value="l2">Sports</option>
<option title="Pop Enter,,," value="l3">Entertainment</option>
</select>
</p>
</card>
</wml>
類似于HTML的<FORM>,<fieldset>可用來包括一組表單選項,但不是必須的。前面說過,當(dāng)<card>的ordered設(shè)置為false時,手機可以顯示一個概要CARD來總結(jié)有效的選項,方便用戶從中選取表單選項來填寫,概要CARD就是根據(jù)<fieldset>和獨立的輸入框<input>以及選單<select>來總結(jié)的。語法為, <fieldset title="label">表單內(nèi)容</fieldset>,可選的title屬性除了可用來表示表單的名字外,還在概要CARD里作為選擇項的標(biāo)題。表單內(nèi)容可以是嵌套的<fieldset>,輸入框<input>,選單<select>和必要的提示文本。
<input name="variable" title="label" type="type" value="value" default="default" format="specifier" emptyok="false|true" size="n" maxlength="n" tabindex="n"/>,用來輸入文本,除了name屬性是必要的,其他可選。
*name屬性,指定了用來存儲該輸入文本的變量名字。
*title屬性,該輸入框的名字,同樣可被用來作為概要CARD頁中的選項名。
*type屬性,默認(rèn)值為text,如選擇password,則輸入的數(shù)據(jù)顯示為*。
*value屬性,在語法和行為上等同于下面的default屬性,
*default屬性,指定輸入框的默認(rèn)值,即name屬性指定變量的默認(rèn)值,當(dāng)用戶輸入新值時,該值無效,如果該值不符合以下format屬性的規(guī)定,則手機也忽略該默認(rèn)值。
*format 屬性,用來格式化輸入的數(shù)據(jù),可用的標(biāo)記如下,使用時可用“一位數(shù)字標(biāo)記”和“*標(biāo)記”的形式,前者代表N個標(biāo)記型字符,如3X, 后者代表任意個(小于maxlength屬性的值)標(biāo)記型字符。
標(biāo)記 描述
A 任何符號或者大寫字母(不包括數(shù)字)
a 任何符號或者小寫字母(不包括數(shù)字)
N 任何數(shù)字(不包括符號或者字母)
X 任何符號、數(shù)字或者大寫字母(不可改變?yōu)樾懽帜?
x 任何符號、數(shù)字或者小寫字母(不可改變?yōu)榇髮懽帜?
M 任何符號、數(shù)字或者大寫字母(可改變?yōu)樾懽帜?或者多個字符,默認(rèn)為首字大寫
m 任何符號、數(shù)字或者小寫字母(可改變?yōu)榇髮懽帜?或者多個字符,默認(rèn)為首字小寫
*maxlength屬性,指定了用戶可輸入的最大字符長度,最大限制為256個字符。
*emptyok屬性,表示用戶可否不填輸入框,默認(rèn)為false,即要填。
*size屬性,輸入框顯示長度,目前未被支持。
*tabindex屬性,類似于在HTML表單中按TAB鍵后,焦點落在哪個選項上,該值決定了這個選擇順序,數(shù)字大的排在后面。目前未被支持。
test4.wml
---------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="card1" ordered="false">
<p>
USERNAME:<input name="userName" title="User Name" type="text" value="YourNameHere" format="*M" emptyok="false" maxlength="12" tabindex="1"/>
PASSWORD:<input name="password" title="Password" type="password" format="8x" emptyok="false" maxlength="8" tabindex="2"/>
COMMENTS:<input name="comments" title="comment" type="text" value="YourCommentsHere" format="*M" emptyok="true" maxlength="30" tabindex="3"/>
</p>
</card>
</wml>
將上例<card>中的odered的值改為"true"試試看,然后再在<p>和</p>內(nèi)加入<fieldset title="field1">和</fieldset>試試看。
<select>選單類似于HTML表單中的<SELECT>,<select>和</select>間可包含<optgroup>和<option>標(biāo)簽,語法如下,所有屬性都為可選:
<select title="label" multiple="false|true" name="variable" default="default" iname="index_var" ivalue="default" tabindex=" n">
<optgroup title="label">選單內(nèi)容</optgroup>
<option title="label" value="value" onpick="url">
事件或者文本
</option>
</select>
*title屬性,如以上<input>的title屬性。
*multiple屬性,指定用戶可否進(jìn)行多項選擇,默認(rèn)值為false。
*name屬性,用來存儲用戶選擇項的變量名,其值為 <option>標(biāo)簽的value屬性,若用戶沒有選擇又沒有用 default 屬性指定默認(rèn)值,則手機將改變量賦值為空字符串"",對于多項選擇,每個值用“;”分開。
*default屬性,可為name屬性指定的變量賦默認(rèn)值。
*iname屬性,用來記錄用戶選擇項的位置,相應(yīng)的值從 1 開始。 若沒選,則該值為0。
*ivalue屬性,用來記錄默認(rèn)值所在的位置。
<optgroup>可用來將多個<option>分組,<optgroup>和</optgroup>間還可包括<optgroup>和<option>,該標(biāo)簽?zāi)壳吧形幢恢С帧?
<option>,類似于HTML中選單的<OPTION>,用來表示選單的可選項。<option>和</option>間可包括事件(見下節(jié))和選單的顯示文本。<option> 的屬性為可選,其中value屬性用來提供值,當(dāng)選到該項后,將該值賦給<select> 的name屬性所指定的變量。onpick屬性,用來指定用戶選到該項并按ACCEPT鍵后所打開頁面的URL。
test5.wml
---------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="card0" ordered="false">
<p>
Please select a city...
<select title="Cities List" name="city">
<option title="Beijing" value="c1">Beijing</option>
<option title="Shanghai" value="c2">Shanghai</option>
<option title="Hongkong" value="c3">Hongkong</option>
</select>
Please select columns...
<select title="Column List" multiple="true" name="col">
<option title="Hot News" value="l1">News</option>
<option title="Cool Sports" value="l2">Sports</option>
<option title="Pop Enter,,," value="l3">Entertainment</option>
</select>
</p>
</card>
</wml>
標(biāo)簽:
XML/RSS
相關(guān)文章:
排行榜
