Submitting Form Data to the Server in XHTML MP

Preferences - Do not show ads

In the previous sections of this XHTML MP tutorial, we have mentioned about how to use selection lists and various input elements to obtain data from a user in XHTML MP. However, the user data has no use if it is not posted to the server for further processing. To post data to the server in XHTML MP, you need the <form></form> tags and a submit button. Let's first have a look at the following XHTML MP example. Then we will go into the details.


(sendDataEg1.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="get" action="processing.asp">
      <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>












Sony Ericsson T610











Nokia Mobile Browser 4.0


Previous Page Page 33 of 36 Next Page

Contents at a Glance
Print this Web Page | | Back to Top

Feedback Form (Expand)

What do you think about this web page?






XHTML MP Tutorial Table of Contents XHTML MP Tutorial Contents at a Glance Preferences - Change Color Scheme Preferences - Do Not Show Ads Previous Page Next Page