在 XHTML MP 中向服务器提交表单数据

Tuesday, 21 October 2008 11:13

Article Index
在 XHTML MP 中向服务器提交表单数据
表单元素
提交与重设按纽
服务器端
All Pages

Page 1 of 4

在本 XHTML MP 教程前面的章节中, 我们已经提到了关于如何用选择列表和各种输入元素在 XHTML MP 中从用户那里获取数据. 然而, 如果用户数据如果不被提交到服务器作进一步的处理的话, 是没用用处的. 要在 XHTML MP 中向服务器发送数据, 你需要的是 <form></form> 标签和一个提交按纽. 让我们首先看一下下面这个 XHTML MP 例子. 然后再作详细讨论.

(send_data_example1.xhtml)

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" 
   "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>XHTML MP Tutorial</title>
  </head>

  <body>
    <h1>Registration Form</h1>
    <form method="post" action="processing.php">
      <p>
        Username:<br />
        <input name="username"/><br />

        Password:<br />
        <input type="password" name="password"/><br />

        Gender:<br />
        <input type="radio" name="gender" value="m" />Male
        <input type="radio" name="gender" value="f" />Female<br />

        Country:<br />
        <select name="country">
          <option value="ca">Canada</option>
          <option value="cn">China</option>
          <option value="fr">France</option>
          <option value="de">Germany</option>
          <option value="in">India</option>
          <option value="it">Italy</option>
          <option value="jp">Japan</option>
          <option value="kr">Korea</option>
          <option value="uk">United Kingdom</option>
          <option value="us">United States</option>
        </select><br/>

        Which part of our XHTML MP tutorial do you like?<br/>
        <input type="checkbox" name="tutorial_part" value="1" />Part 1
        <input type="checkbox" name="tutorial_part" value="2" />Part 2
        <input type="checkbox" name="tutorial_part" value="3" />Part 3
        <input type="checkbox" name="tutorial_part" value="4" />Part 4

        <input type="hidden" name="temp_id" value="123456" />
      </p>

      <hr />

      <p>
        <input type="submit" />
        <input type="reset" />
      </p>
    </form>
  </body>
</html>