WAP Getting Started Technical Tutorial

3. Text

WML is basically equal to HTML on the display of text. The text paragraph is included in

and , the align property specifies the alignment of the paragraph, the default is Left, other can choose Right and Center; Mode property specified When a row does not automatically wrap when all words are automatically wrap, the default is the automatic wrap WRAP. If NOWRAP is selected, the browser will display all text through a mechanism similar to the horizontal scroll bar. The wrap tag is also the same, here for a few, if there are multiple or in the standard, do not use it, otherwise the mobile browser will think is a breakpoint. Display the table single pagination. The modified tag of the text is , , , , , , and , meaning, and HTML. The display tag of the table is similar to HTML, using the , and

to display, Title properties Used to take a name to the form, the columns property specifies the number of columns, cannot be 0, the optional Align property is aligned as the previously mentioned. You can include text and images in your form. TEST1.WML -------------- = "center"> Hello world! 1-1 1-2 < / TR> 2-1 2-2 4. Show picture display image (1 black and white BMP picture) label is similar to HTML, , the ALT and SRC in the property must be, others are optional. Also note that is placed in , you cannot put it in the "DO> and and other functional tags and menu tabs. * ALT property is used to specify the text that is displayed when the phone does not support image display. * Src property specifies the URL of the image, but when there is the following localsrc property, the mobile browser ignores the SRC property. * LocalSRC property is used to specify an icon in the mobile ROM. If you can't find it, you can go to UP.LINK Server to find it. * Optional Align properties are used to indicate that the image is aligned with the current line text, the default value is Bottom, optional to and middle. * Height, width, vSpace, HSPACE attributes specify the length width of the image and the spacing of the surround text, and this attribute is not all WAP phones. Test2.wml --------------- = "center"> 5. The anchor and task connection are the most basic feature in the HTML page. It is also the same in WML and Task tag text , is actually a task A simple representation of the label is . Test3.wml --------------- news Sports The task tag in WML has the following, in addition to , you can also use in events: 1) to indicate the browser to display the specified URL, including the first CARD of Deck, or the specified card . The syntax is as follows: where the HREF attribute is a must, others are optional. The Sendreferer property indicates whether the URL of the page specified by the HREF is passed, that is, the URL of the current page, http_referer in the HTTP header, the default value is false, optional value is TRUE. Method and HTML's form's method properties, specify that the form is submitted in a GET method or POST, so that the default value is GET, but if not specified for Method but , the phone is automatically passed in a POST method. The Accept-Charset property can override the character set specified in the HTTP head, you can write multiple character sets, such as Accept-Charset = "UTF-8, US-ASCII, ISO-8859-1". can be seen as by it can be used to the specified URL Pass data in the form of "variable name / value". Name and Value properties are required. Note that only the variables here are used to submit to the CGI program. In addition to , you can also add a sentence or more sentence , which is the meaning when you trigger an event, except and . Assign the variable. It should be noted that when there is no statement between and , use in the form of , this is more special, such as news . 2) Used to press the URL of the current page into the URL historical stack, and open the previous URL, if the URL does not exist, is invalid. Syntax Similar to : , and , if it is not added, it must become . 3) Used to refresh the current page, so that the variables within the page are refreshed, the syntax is . 4) , said nothing, the tag cannot be used in , generally used in (later explanation). Third, when I use analog mobile phone to browse the WAP page, the Chinese characters show the settings of garbled or compile errors. There are several ways to set: 1. When setting the MIME table in the web server, after Text / VND.Wap.WML Plus "; charset = charset_name", such as GB2312 Chinese characters: text / vnd.wap.wml; charset = GB2312 Content Mime Type Extension WML text / vnd.wap.wml; charset = charset_name WML 2. If you are designing a dynamic WAP page, Chinese characters display garbled, you can specify the character set used in the program. In the program, after the CHARSET is added to the user browser, it will be written as follows: "Content-Type: text / vnd.wap.wml; charSet = GB2312". As in ASP: Response.contentType = "text / vnd.wap.wml; charSet = GB2312", more similar in server-side scripts such as PHP, Perl. 3, you can also convert your program code to UTF8, or Unicode with the character conversion tool. 6. The display form is similar to , can be used to include a set of tables, but not required. As mentioned earlier, when is set to False, the phone can display a summary card to summarize the effective option, so that the user is filled in, the summary Card is based on and the independent input box And menu to summarize. The syntax is, form content , the optional Title property is in addition to the name of the form, but also in the summary Card as the title of the selection. The form content can be nested , input box , menu and the necessary prompt text. , used to enter text, except that the NAME attribute is necessary, other options. * Name properties, specify the name of the variable used to store the input text. * Title property, the name of the input box, can also be used as an option name in the profile CARD page. * TYPE attribute, the default value is text, if Password is selected, the input data is displayed *. * VALUE attribute, equivalent to the following default attribute, * default property, specify the default value of the input box, that is, the Name property specifies the default value of the variable, when the user enters the new value, this value is invalid if the value is The phone is not compliant with the following format attributes, the phone is also ignored the default value. * Format property, used to format the input data, the available tags are available as follows, using "one digital tag" and "* tag" form, the former represents N tag type characters, such as 3X, the latter represents any (Less than the value of the MaxLength property) tag type character. Tag Description A Any symbol or uppercase letter (excluding numbers) A Any symbol or lowercase letter (excluding numbers) n Any number (excluding symbols or letters) x any symbol, number or uppercase letter (not changed to lowercase letters) X Any symbol, number or lowercase letter (not changed to uppercase letters) m, any symbol, number or uppercase letter (can be changed to lowercase letters) or multiple characters, the default is any symbol, number or lowercase letters (can be changed) Underline letters, multiple characters, default is the first word lowercase * maxlength attribute, specifying the maximum character length that the user can enter, maximum of 256 characters. * EMPTYOK attribute, indicating whether the user does not fill the input box, and the default is false, that is, fill. * Size property, the input box is displayed, and it is not supported. * TabINDEX attribute, which is similar to which option is in the Observer on the HTML form, This value determines this selection order, and the number is large. Not supported. TEST4.WML --------------- username: password: Comments: to change the value of Odered in the previous example to "True", then join and Fieldset Title = "Field1"> and Try it. Meni-like "Select>, , and between the HTML form can include the and tags, the syntax is as follows, all attributes are optional: menu content event or text * title property, as the title attribute above . * Multiple Properties, specify whether the user can make multiple selections, the default value is false. * Name property, used to store the variable name of the user selection, the value of the value of the tag, if the user does not choose to specify the default value with the default property, the phone will change the amount to be empty string "" For multiple selections, each value is used to separate. * DEFAULT properties, the variable specified by the Name property is defameted by default. * INAME attribute, used to record the location of the user selection, the corresponding value starts from 1. If no choice, the value is 0. * The ivalue property is used to record the location where the default value is located. can be used to combine multiple groups, , and , can include and , the label is not yet supported. , similar to the of the monogram in HTML, used to represent the options for the menu. and can include events (see next section) and display text for menu. The attribute of is optional, where the value property is used to provide a value, and after the item is elected, the value is assigned to the value specified by the value of the NAME property of . Onpick properties, used to specify the user to select the item and press the URL of the page to be opened after the Accept key. TEST5.WML --------------- "http://www.wapforum.org/dtd/wml_1.1.xml"> please select a city ... beijing Shanghai hongkong please select SELECT Column ... news sports Entertainment 7 . event The WML event is basically divided into two categories. One type is the keyboard (including the soft and hard buttons) input event, handled with the tag, and the other is an event inside the related page, handled with the tag. The grammar of is as follows: Task , task is the four tasks mentioned earlier. In the properties, TYPE is a must, others are optional. * Label property specifies the display text on the screen on the screen. At present, the attribute is invalid when the Type property is Delete, Help, and prev. * Name property, take a name for , the of the same card can not be renamed. If the CARD-level and DECK-level is the same name, the DECK level is overwritten. * Optional properties, specify that the phone is not ignored by this event, the default value is False. * TYPE attribute, specify the triggered event, specifically the following; TYPE value trigger reason ACCEPT call accept button mechanism DELETE Call DELETE button Mechanism HELP call Help button Mechanism Options Call Select button Mechanism prev call prev button Mechanism RESET call clearance and reset mobile phone status The RESET mechanism (currently not supported) Unknown call UNKNOWN mechanism, equal to TYPE = "" (currently not supported) VND. CO-TYPE calls vendor-specific mechanism (currently not supported) X- *, X- * after use ( Not retained) (Not supported) TEST6.WML --------------- "http://www.wapforum.org/dtd/wml_1.1.xml"> name: Task , the value of the necessary attribute TYPE is as follows: TYPE value If the user performs the following operations ONPICK users choose or do not choose one item. OneterForward users use the task to reach a CARD. Oneterbackward When the user returns to the previous CARD using the task, or press the Back button. Ontimer When expires. TEST7.WML --------------- "http://www.wapforum.org/dtd/wml_1.1.xml"> please select a city ... beijing Shanghai Hongkong , where Name is optional, specified as a variable name, when exiting the CARD, the variable stores the value of the timer at this time, when the timer When the timeout is timeout, the phone sets the variable to 0; Value is the necessary attribute to set the timer's timing value, the minimum unit is 0.1 seconds. TEST8.WML --------------- after 5s, goto card2 here is card2! Take it, must be written in the above order. In addition, in the DECK level, you can also add