DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> WML學習(五):顯示表單
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" tabindex="n"/>,用來輸入文本,除了name屬性是必要的,其他可選。
   *name屬性,指定了用來存儲該輸入文本的變量名字。
   *title屬性,該輸入框的名字,同樣可被用來作為概要CARD頁中的選項名。
   *type屬性,默認值為text,如選擇password,則輸入的數據顯示為*。
   *value屬性,在語法和行為上等同於下面的default屬性,
   *default屬性,指定輸入框的默認值,即name屬性指定變量的默認值,當用戶輸入新值時,該值無效,如果該值不符合以下format屬性的規定,則手機也忽略該默認值。
   *format 屬性,用來格式化輸入的數據,可用的標記如下,使用時可用“一位數字標記”和“*標記”的形式,前者代表N個標記型字符,如3X, 後者代表任意個(小於maxlength屬性的值)標記型字符。
   標記   描述
   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="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>內加入<fieldset title="field1">和</fieldset>試試看。

   <select>選單類似於HTML表單中的<SELECT>,<select>和</select>間可包含<optgroup>和<opt

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved