WML语法大全与相关介绍

WML语法大全与相关介绍

WML是一种用于WAP网页开发的标记语言，其语法类似于HTML。

文本标记

WML中可以使用标准的HTML文本标记，例如<p>、<br>等，但是必须将其放在<card>或<template>元素中，例如：

<card title="Welcome">
  <p>Hello, World!</p>
  <br />
  <p>Welcome to my site.</p>
</card>

基本元素

• <wml>：整个WML文档的根节点。
• <card>：一个卡片，用于显示文本。有一个可选的title属性。
• <template>：模板元素，用于定义可以重复使用的页面元素。
• <do>：动作元素，用于定义要执行的操作。
• <go>：导航元素，用于导航到其他页面。
• <input>：输入元素，用于让用户输入数据。

动作元素

• <setvar>：设置一个变量的值。
• <refresh>：刷新当前页面。
• <noop>：什么也不做。
• <submit>：提交表单数据。

导航元素

• <go>：导航到一个页面。
• <prev>：返回上一页。
• <next>：进入下一页。
• <prevunev>：返回上一页但不执行其中的动作。
• <onevent>：在特定事件发生时导航到其他页面。

输入元素

• <input>：让用户输入数据。
• <select>：让用户选择一个选项。
• <optgroup>：在选择列表中创建一个组。
• <option>：在选择列表中创建一个选项。

示例

示例1：显示一个页面，让用户输入姓名并跳转到下一页

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">

<wml>
  <card title="Welcome">
    <p>Please enter your name:</p>
    <input name="name" />
    <go href="#next">
      <postfield name="name" value="$(name)" />
    </go>
  </card>

  <card id="next" title="Next Page">
    <p>Hello, $(name)!</p>
    <p>This is the next page.</p>
  </card>
</wml>

这个例子中，用户在第一页中输入姓名，WML使用<postfield>动作元素将其传递到第二页中，并使用变量插值方式将姓名展示在页面中。

示例2：在选择列表中让用户选择语言并跳转到对应目录页面

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">

<wml>
  <card title="Select Language">
    <p>Please select a language:</p>
    <select name="language">
      <optgroup label="Popular Languages">
        <option value="en">English</option>
        <option value="zh">中文</option>
        <option value="es">Español</option>
      </optgroup>
      <optgroup label="Other Languages">
        <option value="fr">Français</option>
        <option value="de">Deutsch</option>
      </optgroup>
    </select>
    <go href="#$(language)">
      <postfield name="language" value="$(language)" />
    </go>
  </card>

  <card id="en" title="English">
    <p>Welcome to the English version of my site!</p>
  </card>

  <card id="zh" title="中文">
    <p>欢迎来到我的网站的中文版！</p>
  </card>

  <card id="es" title="Español">
    <p>¡Bienvenidos a la versión en español de mi sitio!</p>
  </card>

  <card id="fr" title="Français">
    <p>Bienvenue à la version française de mon site !</p>
  </card>

  <card id="de" title="Deutsch">
    <p>Willkommen zur deutschen Version meiner Website!</p>
  </card>
</wml>

这个例子中，WML使用选择列表让用户选择一个语言，然后根据用户的选择导航到对应的页面。在<go>元素中使用变量插值将选择的语言传递到新页面中。