DIV CSS 佈局教程網

類似於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="falsetrue" 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="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>內加入<fieldset title="field1">和</fIEldset>試試看。

　　<select>選單類似於Html表單中的<SELECT>，<select>和</select>間可包含<optgroup>和<option>標簽，語法如下，所有屬性都為可選：

　　<select title="label" multiple="falsetrue" 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>間還可包括<optgroup>和<option>，該標簽目前尚未被支持。

　　<option>，類似於Html中選單的<OPTION>，用來表示選單的可選項。<option>和</option>間可包括事件(見下節)和選單的顯示文本。<option> 的屬性為可選，其中value屬性用來提供值，當選到該項後，將該值賦給<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>