WML Learning (v): displaying the form

Show Show Form
HTML-like <FORM>,<fieldset> can be used to include a set of form options, but not necessarily. As I said before, when the <card> ordered is set to false, the phone can display a summary card to summarize the effective options to facilitate the user to select the form option to fill out, the summary of the tab is based on <fieldset> and independent input box <input> and menu <select> to summarize. Syntax is, <fieldset title= "label" > Form content </fieldset&gt, the optional title property, in addition to the name used to represent the form, is also the title of the selection in the profile card. The form content can be nested <fieldset&gt, input box <input&gt, menu <select> and necessary hint text.

<input name= "Variable" title= "label" type= "type" value= "value" default= "" Default "format=" specifier "emptyok=" false |true "size=" n "maxlength=" n "tabindex=" n "/&gt, which is used to enter text, except that the Name property is necessary and optional.
*name property that specifies the name of the variable used to store the input text.
The *title property, the name of the input box, can also be used as the option name in the Profile Card page.
*type property, the default value is text, and if you select password, the input data appears as *.
The *value attribute, in syntax and behavior, is equivalent to the following default property,
*default property, specifying the default value of the input box, which specifies the default value for the variable, which is not valid when the user enters a new value, and if the value does not conform to the following format property, the phone also ignores the default value.
The *format property, which is used to format the entered data, is available as follows, using the form of "one digit mark" and "* mark", which represents n-tagged characters, such as 3X, which represents any one (less than the value of the MaxLength property) marked characters.
Tag description
A any symbol or capital letter (excluding numbers)
A any symbol or lowercase letter (excluding numbers)
N any number (excluding symbols or letters)
X any symbol, number, or capital letter (cannot be changed to lowercase letters)
x any symbol, number, or lowercase letter (cannot be changed to uppercase letters)
M any symbol, number, or uppercase letter (can be changed to lowercase letters) or more than one character, default to uppercase
m any symbol, number, or lowercase letter (can be changed to uppercase letters) or multiple characters, default to lowercase

The *maxlength property specifies the maximum length of characters that a user can enter, with a maximum limit of 256 characters.
*emptyok property, which indicates whether the user can fill out the entry box, default to False.
*size property, the input box displays the length and is not currently supported.
The *tabindex property, which is similar to the choice in which the focus falls after the TAB key is pressed in an HTML form, which determines the order in which the number is left behind. Not currently supported.

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= "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= "tabindex=" "3"/>
</p>
</card>
</wml>
Try the odered value in the previous example <card> to "true" and then add the <fieldset title= "field1" > and </fieldset in <p> and </p> > Try it.

The <select> menu is similar to the <SELECT>,<select> and </select> rooms in an HTML form that can contain <optgroup> and <option> tags. The syntax is as follows, all attributes are optional:
<select title= "label" multiple= "False|true" name= "variable" default= "Default" Iname= "Index_var" ivalue= "Default" tabindex= "n" >
<optgroup title= "label" > Menu content </optgroup>
<option title= "label" value= "value" onpick= "url" >
Event or text
</option>
</select>
*title properties, such as the title property of <input> above.
*multiple property to specify whether a user can make multiple selections and the default value is False.
The *name property, which stores the variable name of the user-selected item, the value of the <option> tag, if the user does not have a choice and does not specify a default value with the Defaults property, the cell phone changes the amount to an empty string "", and for multiple selections, each value is ";" Separate.
*default property, you can assign a default value to the variable specified by the Name property.
*iname property, which is used to record the location of the user-selected item, and the corresponding value starts at 1. If it is not selected, the value is 0.
*ivalue property, which is used to record the location of the default value.

<optgroup> can be used to include multiple <option> groupings,<optgroup> and </optgroup> between <optgroup> and <option> The label is not currently supported.

<option&gt, similar to the <option&gt of an HTML selection, used to indicate the optional menu. <option> and </option> can include events (see next section) and menu display text. The <option> property is optional, where the Value property is used to provide the values, and when selected, assigns the value to the variable specified by the <select> 's Name property. Onpick property that specifies the URL of the page to open when the user chooses the item and presses the Accept key.

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>