Wireless Markup Language / WML Tutorial

Preferences - Do not show ads

WML (Wireless Markup Language) is the first markup language standard for wireless devices. It is supported by all the major mobile phone manufacturers. At the beginning of this WML tutorial, you can learn about the basics of WML, such as the deck and card concept, WML's document structure and syntax, etc. Then topics like font styles, images, tables, anchor links and softkeys will be covered. After that we will move on to more advanced topics of WML like events, input elements, variables, and the submission of form data to the server. Plenty of code examples are given in the WML tutorial to help you understand the concepts and techniques.

Table of Contents

WML (Wireless Markup Language) Introduction

What is WML 1.x?

WAP 2.0

WML 2.0

WML Deck and Card

WML Document Structure

Hello World WML Example


XML Declaration and Character Encoding

DOCTYPE Declaration

<wml> Element

<card> Element

<p> Element

WML Generic Metadata: <meta>

WML Cache Control: Setting Expiry Period of a WML File

Comments in WML

Line Breaking in WML

Font Size and Style in WML

WML Preformatted Text: <pre>

WML Images

Wireless Bitmap (WBMP)

Can a WML Browser Display Color Images?

Displaying an Image in WML: <img>

Issues Concerning Large Images in WML

WML Tables

WML Anchor Links

Going to a Card in Another Deck

Going to a Card in the Current Deck

<a> Element

Going Backwards

Using a Short URL for the Home Page of a WML Site

WML Image Links

Programming Softkeys of Mobile Phones and the <do> Element

WML Template and Menu

WML Events and the <onevent> Tag

Timer and the ontimer Event

WML Event: onenterbackward

WML Event: onenterforward

WML Selection Lists and the onpick Event

Creating Selection Lists (Radio Buttons): <select><option>

Selecting Multiple Options (Check Boxes)

Organizing Options into Groups: <optgroup>

WML Event: onpick

WML Input Fields

WML Password Input Fields

Controlling the Type and Number of Characters to be Entered in Input Fields (format Attribute)

Controlling Whether Input Fields can be Left Empty (emptyok Attribute)

WML Variables

Setting Variable Values in WML

Using the <setvar/> Tag

Using Data Collection Tags <select> and <input/>

Using the setVar() Function of WMLScript's WMLBrowser Standard Library

Referring to the Value of a Variable in WML

The $ Character in WML

Clearing Variable Values (Passwords and Personal Data)

The newcontext Attribute

Submitting Form Data to the Server in WML

At the Server-side

ASP Version

JSP Version

PHP Version

Posting Data When an Event Occurs

Clearing a Saved Form in WML

Reset Buttons