WML - 輸入

WML 提供各種選項，允許使用者透過 WAP 應用程式輸入資訊。

首先，我們將瞭解允許使用者在專案之間進行直接選擇的不同選項。這些通常以選單和子選單的形式出現，允許使用者深入到他們想要的確切資料。

WML <select> 元素

WML <select>...</select> 元素用於定義選擇列表，<option>...</option> 標籤用於定義選擇列表中的專案。在某些 WAP 瀏覽器中，專案顯示為單選按鈕。<option>...</option> 標籤對應包含在 <select>...</select> 標籤內。

此元素支援以下屬性

屬性	值	描述
iname	文字	命名使用選擇的索引結果設定的變數
ivalue	文字	設定預選的選項元素
multiple	true false	設定是否可以選擇多個專案。預設為“false”
name	文字	命名使用選擇結果設定的變數
tabindex	數字	設定 select 元素的 Tab 鍵順序
title	文字	設定列表標題
value	文字	設定“name”屬性中變數的預設值
xml:lang	語言程式碼	設定元素中使用的語言
class	類資料	設定元素的類名。
id	元素ID	元素的唯一 ID。

以下是顯示這兩個元素用法的示例。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Selectable List">
<p> Select a Tutorial :
 <select>
  <option value="htm">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
 </select>
</p>
</card>

</wml>

載入此程式時，將顯示以下螢幕

突出顯示並輸入選項後，將顯示以下螢幕

如果要提供選擇多個選項的選項，則將multiple屬性設定為true，如下所示

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Selectable List">
<p> Select a Tutorial :
 <select multiple="true">
  <option value="htm">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
 </select>
</p>
</card>

</wml>

這將提供一個螢幕，用於選擇多個選項，如下所示

WML <input> 元素

<input/> 元素用於建立輸入欄位，輸入欄位用於從使用者那裡獲取字母數字資料。

此元素支援以下屬性

屬性	值	描述
name	文字	使用使用者輸入的結果設定的變數的名稱
maxlength	數字	設定使用者可以在欄位中輸入的最大字元數
emptyok	true false	設定使用者是否可以留空輸入欄位。預設為“false”
format	A a N X x M m *f nf	設定輸入欄位的資料格式。預設為“M”。 A = 大寫字母或標點符號 a = 小寫字母或標點符號 N = 數字字元 X = 大寫字元 x = 小寫字元 M = 所有字元 m = 所有字元 f = 任意數量的字元。用上述字母之一替換f以指定使用者可以輸入的字元 nf = 用 1 到 9 之間的數字替換n以指定使用者可以輸入的字元數。用上述字母之一替換f以指定使用者可以輸入的字元
size	數字	設定輸入欄位的寬度
tabindex	數字	設定 select 元素的 Tab 鍵順序
title	文字	設定列表標題
type	文字 password	指示輸入欄位的型別。預設值為“text”。密碼欄位用於獲取用於身份驗證目的的密碼。
value	文字	設定“name”屬性中變數的預設值
xml:lang	語言程式碼	設定元素中使用的語言
class	類資料	設定元素的類名。
id	元素ID	元素的唯一 ID。

以下是顯示此元素用法的示例。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Input Fields">
<p> Enter Following Information:<br/> 
 Name: <input name="name" size="12"/>
 Age :  <input name="age" size="12" format="*N"/>
 Sex :  <input name="sex" size="12"/> 
</p>
</card>

</wml>

這將提供以下螢幕以輸入所需資訊

WML <fieldset> 元素

<fieldset/> 元素用於對各種輸入欄位或可選列表進行分組。

此元素支援以下屬性

屬性	值	描述
title	文字	設定列表標題
xml:lang	語言程式碼	設定元素中使用的語言
class	類資料	設定元素的類名。
id	元素ID	元素的唯一 ID。

以下是顯示此元素用法的示例。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Grouped Fields">
<p> 
<fieldset title="Personal Info">
 Name: <input name="name" size="12"/>
 Age :  <input name="age" size="12" format="*N"/>
 Sex :  <input name="sex" size="12"/> 
</fieldset>
</p>
</card>

</wml>

這將提供以下螢幕以輸入所需資訊。此結果可能因瀏覽器而異。

WML <optgroup> 元素

<optgroup/> 元素用於將各種選項組合在可選列表中。

此元素支援以下屬性

屬性	值	描述
title	文字	設定列表標題
xml:lang	語言程式碼	設定元素中使用的語言
class	類資料	設定元素的類名。
id	元素ID	元素的唯一 ID。

以下是顯示此元素用法的示例。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Selectable List"> 
<p>
 <select>
   <optgroup title="India">
    <option value="delhi">Delhi</option>
    <option value="mumbai">Mumbai</option>
    <option value="hyderabad">Hyderabad</option>
   </optgroup>
   <optgroup title="USA">
    <option value="ohio">Ohio</option>
    <option value="maryland">Maryland</option>
    <option value="washington">Washingtone</option>
   </optgroup>
 </select>
</p>
</card>

</wml>

當用戶載入上述程式碼時，將提供兩個可選項

當用戶選擇任何選項時，它才會提供最終可選項。因此，如果使用者選擇印度，則將顯示以下可選項

列印頁面