Information Technology Reference
In-Depth Information
<div data-role="fieldcontain">
<label for="message">Message:</label>
<textarea id="message"></textarea>
</div>
<div class="ui-body ui-body-b">
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<button type="submit" data-theme="d">Cancel</button>
</div>
<div class="ui-block-b">
<button type="submit" data-theme="a">Send</button>
</div>
</fieldset>
</div>
</form>
</div>
</div>
<!-- /contact -->
</body>
</html>
Now that we've discussed how the code works, let's see how the main page looks in
Figure 7-8.
Figure 7-8.
Our jQuery Mobile Home Page being viewed on a Android 2.3.4 mobile device
We'll jump quickly over our About page as there is not a lot of action going on here.
There is one little tidbit of tasty goodness that we are going to cover, though. I'm sure
that you, looking at this page, are probably asking yourself, “Hey, why didn't he create
some sort of visual cue that could be used to navigate back to the previous page we
