topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-web-html-05-index.htm / htm



  <?xml version="1.0" ?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  
  <head>
    <title>Chapter 5: Forms</title>
    <link rel="stylesheet" type="text/css" href="basic-web-html-css-examplestyles.css" />
  </head>
  
  <body>
  <div class="heading">
    <h1>Beginning Web Programming - Code Examples</h1>
    <a href="@htm-basic-web-html-index.html">Back to main book index</a>
  </div>
  
  <h2>Chapter 5: Forms</h2>
  <p>Here are the examples for Chapter 5, which looks at how to create forms to collect data from users.</p>
  
  <table>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg01.html">ch05-eg01.html</a></td><td>A simple search form with a text input and submit button</td></tr>
  </table>
  
  <h3>Form Controls</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg02.html">ch05-eg02.html</a></td><td>Single line text input control using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg03.html">ch05-eg03.html</a></td><td>Password input control using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg04.html">ch05-eg04.html</a></td><td>Multi-line text input control using the <code>&lt;textarea&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg05.html">ch05-eg05.html</a></td><td>Creating buttons using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg06.html">ch05-eg06.html</a></td><td>Creating buttons using the <code>&lt;button&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg07.html">ch05-eg07.html</a></td><td>Creating checkboxes using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg08.html">ch05-eg08.html</a></td><td>Creating radio buttons using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg09.html">ch05-eg09.html</a></td><td>Creating a drop down select box using the <code>&lt;select&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg10.html">ch05-eg10.html</a></td><td>Creating scrolling select box using the <code>&lt;select&gt;</code> element and the <code>size</code> attribute</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg11.html">ch05-eg11.html</a></td><td>Select boxes with the <code>multiple</code> attribute</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg12.html">ch05-eg12.html</a></td><td>Grouping options with the <code>&lt;optgroup&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg13.html">ch05-eg13.html</a></td><td>Grouping options with a disabled <code>&lt;option&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg14.html">ch05-eg14.html</a></td><td>Creating a file upload box using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg15.html">ch05-eg15.html</a></td><td>Creating a hidden form control using the <code>&lt;input&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-registration.html">Try it out</a></td><td>A registration form</td></tr>
  </table>
  
  <h3>Labelling and Organising Forms</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg16.html">ch05-eg16.html</a></td><td>Using the <code>&lt;label&gt;</code> Element</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg17.html">ch05-eg17.html</a></td><td>Organising Form Controls with <code>&lt;fieldset&gt;</code> and <code>&lt;legend&gt;</code> Elements</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg18.html">ch05-eg18.html</a></td><td>An Example of Tabbing Order using the <code>tabindex</code> attribute</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-ch05-eg19.html">ch05-eg19.html</a></td><td>Using the <code>accesskey</code> Attribute</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-registration2.html">Try It Out</a></td><td>Extending the registration form</td></tr>
  </table>
  
  <h3>Exercises</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-05-emailForm.html">Exercise 1</a></td><td>An email form</td></tr>
    <tr><td><a href="@htm-basic-web-html-05-voting.html">Exercise 2</a></td><td>A voting form</td></tr>
  </table>
  
  <p class="footer">To see the code behind any page, remember you go to the View menu on your browser and select the View Source option.</p>
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.