Images WAP / WML - PART II

WAP/WML
WML (Wireless Markup Language) is the new web language for making sites on mobile phones.
Over the past few months new WAP (Wireless Applications Protocol) phones have become extremely popular and many large websites have created special 'mobile' versions of their site.
Many people predict that, over the next few years, WAP sites will become even morepopular and e-commerce over mobile phones will be widely available.
Wireless Markup Language(WML) based on XML, is a content format for devices that implement the Wireless Application Protocol (WAP) specification, such as mobile phones, and preceded the use of other markup languages now used with WAP, such asXHTML and even standard HTML (which are gaining in popularity as processing power in mobile devices increases).
WML Linking Tags The <a> Tag The a tag is used with the mandatory href attribute to set a hypertext link (usually just referred to as a hyperlink or link). The link allows you to travel from one XML card or deck to another. You cannot nest link elements inside of other link elements. However, you can nest the br and img tags in a link element. The anchor tag can also perform the exact same task as the a tag, but the anchor tag requires the use of the go tag to effect the link. It is strongly recommended that you use the a rather than the anchor tag for links. Nested Tags: br img Attributes class The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). href The mandatory href attribute provides the URL for the destination of the link. It can be the URL of a deck or card. The URL usually cannot exceed 255 characters in length. id The optional id core attribute is used to assign an identifying name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be any letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. title The optional title attribute provides a string or text used to describe or provide additional information about the link. Example: Source code of a_tag.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="waphome" title="WML Tutorial Home" newContext="true"> <p> <big><strong>Welcome to eBIZ.com WAP/WML tutorial.</strong></big> <br /> </p><br /> <p><br /> <a href="../2/helloworld.wml">Hello World! Example.</a><br /> <a href="../3/u.wml"><u> Example.</a> </p> </card> </wml> Output of the code above: WML Linking Tags The <anchor> Tag The anchor tag can be used to to set a hypertext link (usually just referred to as a hyperlink or link). The link allows you to travel from one XML card or deck to another. This tag must be used with the go tag to actually effect the link. It is recommended that you use the a tag for links rather than the anchor tag. Remember that you cannot nest link elements inside of link elements. Like the a tag, you can nest the br and img tag in an anchor link element and, in addition, you can also nest the go, prev, and refresh tags. Nested Tags: br go img prev refresh Attributes class The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive. id The optional id core attribute is used to assign a unique name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be a letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. xml:lang The optional xml:lang attribute sets the language, such as English or Greek, used in the element. For example, in the U.S. the default value is en-US. title The optional title attribute provides a string or text used to identify or describe the link. Example: Source code of anchor.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="waphome" title="WML Tutorial Home" newContext="true"> <p> <big><strong>Welcome to eBIZ.com WAP/WML tutorial.</strong></big> <br /> </p><br /> <p><br /> <a href="../2/helloworld.wml">Hello World! Example.</a><br /> <a href="../3/u.wml"><u> Example.</a><br /> <anchor id="anchor0" title=""> About WML <anchor>  Tag.<br /> <go href="#anchor"> </go> </anchor> <anchor id="anchor1" title="Next"> More Examples.... <go href="#example1"></go> </anchor> </p> </card> <card id="example1" title="More WML Example"> <p> <strong>More WAP/WML Examples.</strong> <br /> <a href="../3/em.wml"><em> Example.</a><br /> <a href="../3/strong.wml"><strong> Example</a> </p> </card> <card id="anchor" title="WML <anchor> Tag"> <p> The <b>anchor</b> tag can be used to to set a hypertext link (usually just referred to as a hyperlink or link).<br /> The link allows you to travel from one <b>XML</b> card or deck to another. <br /> This tag must be used with the go tag to actually effect the link. </p> </card> </wml> As you can see in the example, there are three cards and <anchor> element has been used to link the cards. Output: The home Card Card 2 Card 3 WML Linking Tags The <go> Tag The go tag navigates to the specified URL. This is referred to as a go task. A task is performed in response to an event. There are four tasks in WML: go, noop, prev, and refresh. The go element can contain one or more postfield elements. If the destination of a go element is a card within the same deck, all of the postfield elements will be ignored. The go element can also contain one or more setvar elements. Unlike postfield elements, there are no destination limitations on passing information contained in the setvar elements. Attributes accept-charset The optional accept-charset attribute is a comma or space-separated list of character encoding names the server must be able to accept when processing input. class The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). href The mandatory href attribute provides the URL for the destination of the link. It can be the URL of a deck or card. The URL usually cannot exceed 255 characters in length. id The optional id core attribute is used to assign an identifying name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be any letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. method The optional method attribute dictates the HTTP submission method. There are only two permitted values, get and post. A post submission includes the data with the submission. A get submission appends the data as a query to the URL or URN. sendreferer The optional sendreferer attribute is a Boolean value that, if true, directs the user agent to provide the URL or URN of the referring deck to the server. (The user agent is any software or device that interprets WML.) The default is false and the URL or URN is not provided. WML Linking Tags The <prev> Tag The <prev/> tag is used to go backwards through the history stack. Like the <go/> tag, it should be enclosed in the <anchor></anchor> tags. This is referred to as a prev task. A task is performed in response to an event. There are four tasks in WML: go, noup, prev, and refresh. All URL addresses that have been visited during the current user session are stored in a history stack. As each new URL is visited, the address is added (pushed) on to the stack. Therefore, the history stack lists the URLs in order of visitation. If you navigate backwards, the top URL address is removed (popped) off of the stack. The prev tag can only be nested inside the anchor and onevent tags. This is a self-closing tag (unless it is used as an element to contain a setvar tag). Nested Tags: setvar Attributes class The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). id The optional id core attribute is used to assign a unique name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be a letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. Example: Source code of prev.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="waphome" title="WML Tutorial Home" newContext="true"> <p> <big><strong>Welcome to eBIZ.com WAP/WML tutorial.</strong></big> <br /> </p><br /> <p><br /> <a href="../2/helloworld.wml">Hello World! Example.</a><br /> <a href="../3/u.wml"><u> Example.</a><br /> <anchor id="anchor0" title=""> About WML <anchor>  Tag.<br /> <go href="#anchor"> </go> </anchor> <anchor id="anchor1" title="Next"> More Examples.... <go href="#example1"></go> </anchor> </p> </card> <card id="example1" title="More WML Example"> <p> <strong>More WAP/WML Examples.</strong> <br /> <a href="../3/em.wml"><em> Example.</a><br /> <a href="../3/strong.wml"><strong> Example</a><br /> <anchor> <prev/> Back to Main Page </anchor> </p> </card> <card id="anchor" title="WML <anchor> Tag"> <p> The <b>anchor</b> tag can be used to to set a hypertext link (usually just referred to as a hyperlink or link).<br /> The link allows you to travel from one <b>XML</b> card or deck to another. <br /> This tag must be used with the go tag to actually effect the link. </p> <br /> <p> <anchor> <prev/> Back to Main Page </anchor> </p> </card> </wml> Output: If you view the above WML document in a mobile phone emulator, you should see a card that contains a single anchor link. The result should look similar to the screenshots below: The Home Card Card 2 Link on Card 3 for previous card. WML Form The <input> Tag The input tag is used to collect text or password information that is entered into the browser by the user. The input element will display an input field, which upon being selected, opens a text editing window in which the user can enter the requested information. If valid, the value entered by the user will be assigned to the variable named in the mandatory name attribute. An invalid entry will not be accepted by the browser. Validity is based upon the input mask set by the optional format attribute. An input mask dictates which alphanumeric and punctuation characters can be entered into the input element and the order that they must be entered. For example, if the input mask specifies only numeric characters [0-9], then the text typed by the user cannot contain any other type of characters. The default is to accept essentially any number of any type of characters (but all characters are treated as uppercase for date entry). Note that the emptyok attribute will permit an empty entry even if an input mask is in place. The characters in the password string are usually displayed on the monitor as a series of asterisks. However, a password input is not secure. In WML, there is no equivalent to the form tag in HTML. However, you can use fieldset elements to group related input elements. This is a self-closing tag. Nested Tags: None Attributes class  The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). emptyok:The optional emptyok attribute sets a Boolean value that specifies whether empty input will be accepted (even if the format attribute is set). The default is false which forbids empty values, while true permits empty values. format : The optional format attribute specifies which input mask is in effect. An input mask dictates which alphanumeric and punctuation characters can be entered by the user and the order in which they must occur. The default is equivalent to *M (any number of any characters, but all characters are treated as uppercase for date entry). The permitted values are: Value Description A Any uppercase alphabetic or punctuation character a Any lowercase alphabetic or punctuation character N Any numeric character *N Any number of any numeric characters X Any uppercase character x Any lowercase character M Any character, but is treated as uppercase for date entry *M Any number of any characters, but is treated as uppercase for date entry m Any character, but is treated as lowercase for data entry * f Any number of any type of characters n f Any n integer number of any characters \c Display the character after the slash in the display Note that you can add an asterisk as a prefix to indicate multiple characters (i.e., *X) or add an integer as a prefix to set a fixed number of characters (i.e., 5X). id The optional id core attribute is used to assign an identifying name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be any letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. maxlength The optional maxlength attribute is an integer number that sets the maximum number of characters that will be accepted by the input. The default is an unlimited number of characters. name: The mandatory name attribute specifies the name of the variable that will be assigned the value of the string or text entered by the user in the input element. The named variable automatically assumes the default value set by the value attribute until it is overwritten by the user. size: The optional size attribute is an integer number that sets the character width of the input field. The default is usually one space. tabindex : The optional tabindex attribute is an integer number greater than zero that sets the rank in the tabbing order for the current element. The rank dictates the order in which the elements in a single card will be traversed when tabbing. title: The optional title attribute provides a string or text used to describe or provide additional information about the link. type: The optional type attribute selects whether the input is either a text or password entry. The default is text. value: The optional value attribute assigns the default value for the variable named in the mandatory name attribute. This value will automatically appear inside the input field in the display. The value entered by the user will override this default value. If an input mask has been selected by the format attribute, the value of the value attribute must conform. Example: Source code of input.wml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM/DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="home" title="eBIZ Home " newContext="true"> <p> <strong>eBIZ.com </strong>is your key to harnessing the power of the internet. This unique and revolutionary model allows you to learn and earn, hence the name <strong>eBIZ</strong>. <br />Since time immemorial, mankind has acquire d knowledge and has been able to put it to constructive use, to earn one's livelihood and money. </p> <p> <a href="http://www.ebizel.com/aboutus.php"> More about eBIZ.com</a>. <br /> <a href="http://education.ebizel.com">Learn with eBIZ education</a>.<br /> </p><br /> <p> To get Started with eBIZ.com unique Earn & Learn program, <anchor id="register"> Sign up <go href="#register0"></go> </anchor> to eBIZ.com. </p> </card> <card id="register0" title="Personal Information"> <p align="center"> <b>Welcome to eBIZ.com.</b> </p> <p> Please Fill the registration form to sign-up with eBIZ.<br /> Fields marked with <b>*</b> are mandetory.<br /> </p> <p> First Name* <input id="fname" type="text" format="20M" size="10" emptyok="false"></input><br /> Last Name <input id="lname" type="text" format="20M" size="10" emptyok="true"></input><br /> Sex:*[M/F]<br /> <input type="text" id=”sex” maxlength="1" emptyok="false" size="1"></input> </p> <p> <anchor> <prev/> Back </anchor> <anchor>Next <go href="#register1"> </go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register1" title="Contact Details"> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register2"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register2" title="Payment Mode"> <p> <anchor> <prev/> Back. </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> </wml> As you can see there are 4 cards in this example: home, register0, register1, register2. The home card contain some text and 3 links. 2 external links and one link to sign-up forms. Home card: Card: register0 (Personal Information) WML Form The <select> <option> & <optgroup> Tags In the previous example we have used <input> tag for accepting users sex [M/F]. Instead of text fields for such inputs, we should use a choice list, from where user can select an option of his/her choice. In WML <select> & <option> tags are used to create single & multiple selection list, similar to radio buttons and check boxes in HTML. <optgroup> tag is used to group multiple select options. <option> Tag The option tag serves as a container for one item that is listed as a choice in a select list. A select list offers a selection of choices from which users may choose one or more items. The select list is created using a select element which contains a collection of option elements. A string or text describing the item appears between the opening and closing option tags. Further, you can group related option elements together into sub-listings using optgroup elements. The browser usually allows you to display only one optgroup element at a time. Nested Tags: onevent Attributes class : The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). id : The optional id core attribute is used to assign an identifying name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be any letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. onpick The optional onpick attribute provides the URL that is to be loaded when the item in the option element is selected or unselected. The URL usually cannot exceed 255 characters in length. title The optional title attribute provides a string or text used to describe or provide additional information about the link. value The optional value attribute sets the value associated with the option element. If this option element is selected, the value is assigned to the variable named by the name attribute of the select element. xml:lang The optional xml:lang attribute sets the language, such as English or Greek, used in the element. For example, in the U.S. the default value is en-US. <optgroup> Tag The optgroup tag is used to group related option elements in a select list created using the select tag. A select list offers a selection of choices from which users may choose one or more items. This tag delimits the beginning and end of each related group. It also serves as a container element for a collection of option elements where each option element contains one item to be displayed in the list. An optgroup element can be nested inside of other optgroup elements. It cannot contain any other WML elements or any text (other than the text in the option elements). Nested Tags: optgroup option Attributes class The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). id The optional id core attribute is used to assign an identifying name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be any letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. title The optional title attribute provides a string or text used to describe or provide additional information about the list. Example: An improved Sign-up form: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM/DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="home" title="eBIZ Home " newContext="true"> <p> <strong>eBIZ.com</strong> is your key to harnessing the power of the internet. This unique and revolutionary model allows you to learn and earn, hence the name <strong>eBIZ</strong>. <br />Since time immemorial, mankind has acquired knowledge and has been able to put it to constructive use, to earn one's livelihood and money. </p> <p> <a href="http://www.ebizel.com/aboutus.php">More about eBIZ.com</a>.<br /> <a href="http://education.ebizel.com">Learn with eBIZ education</a>.<br /> </p><br /> <p> To get Started with eBIZ.com unique Earn & Learn program, <anchor id="register"> Sign up <go href="#register0"></go> </anchor> to eBIZ.com. </p> </card> <card id="register0" title="Personal Information"> <p align="center"> <b>Welcome to eBIZ.com.</b> </p> <p> Please Fill the registration form to sign-up with eBIZ.<br /> Fields marked with <b>*</b> are mandetory.<br /> </p> <p> First Name* <input id="fname" type="text" format="20M" size="10" emptyok="false"></input><br /> Last Name <input id="lname" type="text" format="20M" size="10" emptyok="true"></input><br /> Sex:*[M/F]<br /> <select title="Select your Gender"> <option id="sex" value="male">Male</option>.<br /> <option id="sex" value="female">Female</option>. </select> </p> <p> <anchor> <prev/> Back </anchor> <anchor>Next <go href="#register1"> </go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register1" title="Contact Details"> <p> <b>Enter Your Contact Details</b><br /> Address <input type="text" id="addr"></input><br /> Country* <input type="text" id="country"></input><br /> City <input type="text" maxleght="25" id="city"></input> State: <select title="Select Your State" id="state"> <optgroup title="States:"> <option value="AP">Andhra Pradesh</option> <option value="AR">Arunachal Pradesh</option> <option value="AS">Assam</option> <option value="BR">Bihar</option> <option value="CG">Chhattisgarh</option> <option value="GA">Goa</option> <option value="GJ">Gujarat</option> <option value="HR">Haryana</option> <option value="HP">Himachal Pradesh</option> <option value="JK">Jammu and Kashmir</option> <option value="JH">Jharkhand</option> <option value="KT">Karnataka</option> <option value="KR">Kerala</option> <option value="MP">Madhya Pradesh</option> </optgroup> <optgroup title="Union Territories:"> <option value="AI">Andaman and Nicobar Islands</option> <option value="CH">Chandigarh</option> <option value="DH">Dadra and Nagar Haveli</option> <option value="DD">Daman and Diu</option> <option value="LK">Lakshadweep</option> <option value="DL">National Capital Territory of Delhi</option> </optgroup> </select><br /> ZIP/Pin Code* <input type="text" id="zip" format="6N" emptyok="false" ></input> </p> <p> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register2"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register2" title="Additional Information"> <p> <b>Select the areas of your intrest:</b> <select id="intrested" multiple="true"> <option value="XHTML">XHTML</option> <option value="JAVA">JAVA</option> <option value="XML">XML</option> <option value="RDBMS">RDBMS</option> </select> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register2"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register3" title="Payment Mode"> <p> <b> Please select the mode you want to recieve the payment</b> Payment Mode: <select id="paymode" title="Select Payment mode"> <option value="MO">Money Order</option> <option value="ET">Electronic Transfer</option> <option value="PP">Pay Pal</option> </select> <anchor> <prev/> Back. </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> </wml> Output: The Home Card The Personal Information form with select list for Sex field. Improved Contact Details Form with Select list for state grouped into 2 categories WML Form The <fieldset> tag The fieldset tag is used to group logically related elements in a card. These related elements can include text, tables, select elements, links, input elements, images, or whatever suits your needs. This permits the browser to optimize the layout and navigation. While there is no limit on the number of fieldset elements a card can contain, there is an upper limit to the compiled byte size for a card (~1400 bytes). You can also nest fieldset elements inside other fieldset elements. Nested Tags: a anchor b big br do em fieldset i input img select small strong table u Attributes class: The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. id: The optional id core attribute is used to assign an identifying name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be any letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. title: The optional title attribute provides a string or text used to describe or provide additional information about the link. Example: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM/DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="home" title="eBIZ Home " newContext="true"> <p> <strong>eBIZ.com</strong> is your key to harnessing the power of the internet. This unique and revolutionary model allows you to learn and earn, hence the name <strong>eBIZ</strong>. <br />Since time immemorial, mankind has acquired knowledge and has been able to put it to constructive use, to earn one's livelihood and money. </p> <p> <a href="http://www.ebizel.com/aboutus.php">More about eBIZ.com</a>.<br /> <a href="http://education.ebizel.com">Learn with eBIZ education</a>.<br /> </p><br /> <p> To get Started with eBIZ.com unique Earn & Learn program, <anchor id="register"> Sign up <go href="#register0"></go> </anchor> to eBIZ.com. </p> </card> <card id="register0" title="Personal and Account Information"> <p align="center"> <b>Welcome to eBIZ.com.</b> </p> <p> Please Fill the registration form to sign-up with eBIZ.<br /> Fields marked with <b>*</b> are mandetory.<br /> </p> <p> <fieldset id="name" title="Name"> First Name* <input id="fname" type="text" format="20M" size="10" emptyok="false"></input> Last Name <input id="lname" type="text" format="20M" size="10" emptyok="true"></input> </fieldset> <fieldset id="logindetails" title="Account Information"> User ID* <input id="uid" type="text" format="20M" size="10" emptyok="false"></input> Password* <input id="pass" type="text" size="10" emptyok="false"></input> Re-Type Password* <input id="fname" type="text" format="20M" size="10" emptyok="false"></input> </fieldset> Sex:*[M/F]<br /> <select title="Select your Gender"> <option id="sex" value="male">Male</option>.<br /> <option id="sex" value="female">Female</option>. </select> </p> <p> <anchor> <prev/> Back </anchor> <anchor>Next <go href="#register1"> </go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register1" title="Contact Details"> <p> <b>Enter Your Contact Details</b><br /> Address <input type="text" id="addr"></input><br /> Country* <input type="text" id="country"></input><br /> City <input type="text" maxleght="25" id="city"></input> State: <select title="Select Your State" id="state"> <optgroup title="States:"> <option value="AP">Andhra Pradesh</option> <option value="AR">Arunachal Pradesh</option> <option value="AS">Assam</option> <option value="BR">Bihar</option> <option value="CG">Chhattisgarh</option> <option value="GA">Goa</option> <option value="GJ">Gujarat</option> <option value="HR">Haryana</option> <option value="HP">Himachal Pradesh</option> <option value="JK">Jammu and Kashmir</option> <option value="JH">Jharkhand</option> <option value="KT">Karnataka</option> <option value="KR">Kerala</option> <option value="MP">Madhya Pradesh</option> </optgroup> <optgroup title="Union Territories:"> <option value="AI">Andaman and Nicobar Islands</option> <option value="CH">Chandigarh</option> <option value="DH">Dadra and Nagar Haveli</option> <option value="DD">Daman and Diu</option> <option value="LK">Lakshadweep</option> <option value="DL">National Capital Territory of Delhi</option> </optgroup> </select><br /> ZIP/Pin Code* <input type="text" id="zip" format="6N" emptyok="false" ></input> </p> <p> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register2"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register2" title="Additional Information"> <p> <b>Select the areas of your intrest:</b> <select id="intrested" multiple="true"> <option value="XHTML">XHTML</option> <option value="JAVA">JAVA</option> <option value="XML">XML</option> <option value="RDBMS">RDBMS</option> </select> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register3"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <card id="register3" title="Payment Mode"> <p> <b> Please select the mode you want to recieve the payment</b> Payment Mode: <select id="paymode" title="Select Payment mode"> <option value="MO">Money Order</option> <option value="ET">Electronic Transfer</option> <option value="PP">Pay Pal</option> </select> <anchor> <prev/> Back. </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> </wml> WML Form The <postfield> Tag The postfield tag is used to set a name/value pair that can be transmitted to an origin server (source of the request) during a URL request. The name is set by the name attribute and must be a valid WML variable name. The value is set by the value attribute. A go element can contain one or more postfield elements. If the destination of a go element is a card within the same deck, all of the postfield elements will be ignored.This is a self-closing tag. Nested Tags: None Attributes class : The optional class core attribute is used to assign one or more classes to the element. Multiple classes are separated by white space. The class name is case sensitive (i.e., Stocks and stocks are not the same). id: The optional id core attribute is used to assign a unique name to a tag. The name must be unique to the entire deck and not just unique to a card. The first character of the name can be a letter or the underscore. The remaining characters can be any combination of letters, numbers, or underscores. name The mandatory name attribute is part of the name/value pair. It is a string that is the name of the variable that will be assigned the value set by the value attribute. value The mandatory value attribute is part of the name/value pair. It is a string that is the value of the variable named in the name attribute. Example: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM/DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="home" title="eBIZ Home " newContext="true"> <!-- Home Card Starts Here--> <p> <strong>eBIZ.com</strong> is your key to harnessing the power of the internet. This unique and revolutionary model allows you to learn and earn, hence the name <strong>eBIZ</strong>. <br />Since time immemorial, mankind has acquired knowledge and has been able to put it to constructive use, to earn one's livelihood and money. </p> <p> <a href="http://www.ebizel.com/aboutus.php"> More about eBIZ.com</a>.<br /> <a href="http://education.ebizel.com">Learn with eBIZ education</a>.<br /> </p><br /> <p> To get Started with eBIZ.com unique Earn & Learn program, <anchor id="register"> Sign up <go href="#register0"></go> </anchor> to eBIZ.com. </p> <!-- Home Card ends Here--> </card> <card id="register0" title="Personal and Account Information"> <!-- PI Starts Here--> <p align="center"> <b>Welcome to eBIZ.com.</b> </p> <p> Please Fill the registration form to sign-up with eBIZ.<br /> Fields marked with <b>*</b> are mandetory.<br /> </p> <p> First Name* <input id="fname" type="text" size="10" emptyok="false"></input> Last Name <input id="lname" type="text" size="10" emptyok="true"></input> User ID* <input id="uid" type="text" format="20M" size="10" emptyok="false"></input> Password* <input id="pass" type="password" size="10" emptyok="false"></input> Re-Type Password* <input id="fname" type="password" format="20M" size="10" emptyok="false"></input> Sex:*[M/F]<br /> <select title="Select your Gender" id="sex"> <option value="male">Male</option>. <option value="female">Female</option>. </select> </p> <p> <anchor> <prev/> Back </anchor> <anchor>Next <go href="#register1"> </go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> <!-- PI ends Here--> </card> <card id="register1" title="Contact Details"> <!-- Contact Details Card Starts Here--> <p> <b>Enter Your Contact Details</b><br /> Address <input type="text" id="addr"></input><br /> Country* <input type="text" id="country"></input><br /> City <input type="text" maxleght="25" id="city"></input> State: <select title="Select Your State" id="state"> <optgroup title="States:"> <option value="AP">Andhra Pradesh</option> <option value="AR">Arunachal Pradesh</option> <option value="AS">Assam</option> <option value="BR">Bihar</option> <option value="CG">Chhattisgarh</option> <option value="GA">Goa</option> <option value="GJ">Gujarat</option> <option value="HR">Haryana</option> <option value="HP">Himachal Pradesh</option> <option value="JK">Jammu and Kashmir</option> <option value="JH">Jharkhand</option> <option value="KT">Karnataka</option> <option value="KR">Kerala</option> <option value="MP">Madhya Pradesh</option> </optgroup> <optgroup title="Union Territories:"> <option value="AI">Andaman and Nicobar Islands</option> <option value="CH">Chandigarh</option> <option value="DH">Dadra and Nagar Haveli</option> <option value="DD">Daman and Diu</option> <option value="LK">Lakshadweep</option> <option value="DL">National Capital Territory of Delhi</option> </optgroup> </select><br /> ZIP/Pin Code* <input type="text" id="zip" format="6N" emptyok="false" ></input> </p> <p> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register2"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> <!-- Contact Details Card ends Here--> </card> <card id="register2" title="Additional Information"> <!-- Area of Intrest Card Starts Here--> <p> <b>Select the areas of your intrest:</b> <select id="intrested" multiple="true"> <option value="XHTML">XHTML</option> <option value="JAVA">JAVA</option> <option value="XML">XML</option> <option value="RDBMS">RDBMS</option> </select> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Next. <go href="#register3"></go> </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> <!-- Area of Intrest Card Starts Here--> </card> <!-- Payment Details Card Starts Here--> <card id="register3" title="Payment Mode"> <p> <b> Please select the mode you want to recieve the payment</b> Payment Mode: <select id="paymode" title="Select Payment mode"> <option value="MO">Money Order</option> <option value="ET">Electronic Transfer</option> <option value="PP">Pay Pal</option> </select> <anchor> <prev/> Back. </anchor> <anchor> Home <go href="#home"></go> </anchor> <anchor> Next <go href="#end"></go> </anchor> </p> </card> <!-- Payment Details Card ends Here--> <!-- Last Card Starts Here--> <card id="end" title="Complete the Registration"> <p> <b> Please select the mode you want to recieve the payment</b> Payment Mode: <select id="paymode1" title="Select Payment mode"> <option value="MO">Money Order</option> <option value="ET">Electronic Transfer</option> <option value="PP">Pay Pal</option> </select> <anchor> <go method="get" href="thanks.wml"> <postfield name="firstname" value="$(fname)" /> <postfield name="lastname" value="$(lname)" /> <postfield name="gender" value="$(sex)" /> <postfield name="login" value="$(logindetails)"/> <postfield name="address" value="$(addr)"/> <postfield name="city1" value="$(city)"/> <postfield name="country1" value="$(country)"/> <postfield name="state1" value="$(state)"/> <postfield name="pin" value="$(zip)"/> <postfield name="intrestedin" value="$(intrested)"/> <postfield name="paymentmode" value="$(paymode1)"/> </go> Submit Form. </anchor> </p> <p> <anchor> <prev/> Previous </anchor> <anchor> Home <go href="#home"></go> </anchor> </p> </card> <!-- Last Card Here--> </wml>