WAP(wml)開發教程6--WML學習之顯示錶單

顯示錶單

  類似於HTML<FORM><fieldset>可用來包括一組表單選項,但不是必須的。前面

說過,當<card>ordered設置爲false時,手機可以顯示一個概要CARD來總結有效的選

項,方便用戶從中選取表單選項來填寫,概要CARD就是根據<fieldset>和獨立的輸入框

<input>以及選單<select>來總結的。語法爲, <fieldset title="label">表單內容</

fieldset>,可選的title屬性除了可用來表示表單的名字外,還在概要CARD裏作爲選擇

項的標題。表單內容可以是嵌套的<fieldset>,輸入框<input>,選單<select>和必要的

提示文本。

  <input name="variable" title="label" type="type" value="value" default="

default" format="specifier" emptyok="false|true" size="n" maxlength="n" tabi

ndex="n"/>,用來輸入文本,除了name屬性是必要的,其他可選。

  *name屬性,指定了用來存儲該輸入文本的變量名字。

  *title屬性,該輸入框的名字,同樣可被用來作爲概要CARD頁中的選項名。

  *type屬性,默認值爲text,如選擇password,則輸入的數據顯示爲*

  *value屬性,在語法和行爲上等同於下面的default屬性,

  *default屬性,指定輸入框的默認值,即name屬性指定變量的默認值,當用戶輸入

新值時,該值無效,如果該值不符合以下format屬性的規定,則手機也忽略該默認值。

 

  *format 屬性,用來格式化輸入的數據,可用的標記如下,使用時可用一位數字

標記“*標記的形式,前者代表N個標記型字符,如3X 後者代表任意個(小於ma

xlength屬性的值)標記型字符。

  標記   描述

  A     任何符號或者大寫字母(不包括數字)

  a     任何符號或者小寫字母(不包括數字)

  N     任何數字(不包括符號或者字母)

  X     任何符號、數字或者大寫字母(不可改變爲小寫字母)

  x     任何符號、數字或者小寫字母(不可改變爲大寫字母)

  M     任何符號、數字或者大寫字母(可改變爲小寫字母)或者多個字符,默認

爲首字大寫

  m     任何符號、數字或者小寫字母(可改變爲大寫字母)或者多個字符,默認

爲首字小寫

  *maxlength屬性,指定了用戶可輸入的最大字符長度,最大限制爲256個字符。

  *emptyok屬性,表示用戶可否不填輸入框,默認爲false,即要填。

  *size屬性,輸入框顯示長度,目前未被支持。

  *tabindex屬性,類似於在HTML表單中按TAB鍵後,焦點落在哪個選項上,該值決定

了這個選擇順序,數字大的排在後面。目前未被支持。

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="YourNam

eHere" 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="YourComme

ntsHere" format="*M" emptyok="true" maxlength="30" tabindex="3"/>

</p>

</card>

</wml>

  將上例<card>中的odered的值改爲"true"試試看,然後再在<p></p>內加入<fiel

dset title="field1"></fieldset>試試看。

  <select>選單類似於HTML表單中的<SELECT><select></select>間可包含<optg

roup><option>標籤,語法如下,所有屬性都爲可選:

  <select title="label" multiple="false|true" name="variable" default="def

ault" iname="index_var" ivalue="default" tabindex=" n">

  <optgroup title="label">選單內容</optgroup>

  <option title="label" value="value" onpick="url">

  事件或者文本

  </option>

  </select>

  *title屬性,如以上<input>title屬性。

  *multiple屬性,指定用戶可否進行多項選擇,默認值爲false

  *name屬性,用來存儲用戶選擇項的變量名,其值爲 <option>標籤的value屬性,若

用戶沒有選擇又沒有用 default 屬性指定默認值, 則手機將改變量賦值爲空字符串""

,對於多項選擇,每個值用“;”分開。

  *default屬性,可爲name屬性指定的變量賦默認值。

  *iname屬性,用來記錄用戶選擇項的位置,相應的值從 1 開始。 若沒選,則該值

0

  *ivalue屬性,用來記錄默認值所在的位置。

  <optgroup>可用來將多個<option>分組,<optgroup></optgroup>間還可包括<op

tgroup><option>,該標籤目前尚未被支持。

  <option>,類似於HTML中選單的<OPTION>,用來表示選單的可選項。<option></

option>間可包括事件(見下節)和選單的顯示文本。<option> 的屬性爲可選,其中valu

e屬性用來提供值,當選到該項後,將該值賦給<select> name屬性所指定的變量。on

pick屬性,用來指定用戶選到該項並按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>

 
發佈了0 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章