jsp-develop.de : Workshop : Formularverarbeitung

5. Februar 2012

JSP - Workshop - Formularverarbeitung - Step 1/4

In diesem Workshop wollen wir ein HTML-Formular mit allen gängigen Elementen erstellen, dieses abschicken und die Elemente auslesen und serverseitig überprüfen. Zum Schluss kommen dann noch ein paar Anregungen und Ausblicke.

Wir starten mit einem einfachen HTML-Formular:

Formular zum ausprobieren

Damit ist der Anfang gemacht, ein Formular mit 2 Textfeldern, Check- und Radiobuttons, einem Drop-down und einem mehrzeiligen Eingabefeld. Noch nichts aufregendes und auch noch kein JSP kommt zum Einsatz. Wenn das Formular abgeschickt wird ruft es sich selber auf und alle eingegeben Daten sind weg.

HTML-Quellcode

<html>
  <body>
    <form action="./" method="post">
     <table>
       <tr>
         <td>Name:</td>
         <td><input type="text" name="name" size="20"></td>
       </tr>
       <tr>         
         <td>eMail:</td>
         <td><input type="text" name="email" size="20"></td>
       </tr>
       <tr>         
         <td>Interessen:</td>
         <td>
           <input type="checkbox" name="interessen" value="jsp"> JSP
           <input type="checkbox" name="interessen" value="php"> PHP
           <input type="checkbox" name="interessen" value="ruby"> Ruby
         </td>
       </tr>
       <tr>         
         <td>Ich bin:</td>
         <td>
           <input type="radio" name="ichbin" value="1"> männlich
           <input type="radio" name="ichbin" value="2"> weiblich
         </td>
       </tr>
       <tr>         
         <td>Qualifikation:</td>
         <td>
           <select name="qualifikation" size="1">
             <option value="">Bitte auswählen</option>
             <option value="1">Anfänger</option>
             <option value="2">Profi</option>
             <option value="3">Guru</option>
           </select>
         </td>
       </tr>
       <tr>         
         <td>Kommentar:</td>
         <td><textarea name="kommentar" cols="20" rows="5"></textarea></td>
       </tr>
       <tr>
         <td colspan="2" align="center"><input type="submit" value="Abschicken"></td>
       </tr>
     </table>
    </form>
  </body>
</html>

Besonders interessant wird die Behandlung der Checkboxen sein, da alle den gleichen Namen erhalten haben. Man könnte auch jeden anders benennen, aber die Weiterverarbeitung wird dadurch einfacher. Im nächsten Schritt werden wir die Formulardaten entgegennehmen und die Felder wieder damit füllen.

weiter zum Step 2

Hinweis: Auf dieser Seite liegen Links zu anderen Seiten im Internet. Für alle diese Links gilt: Wir betonen ausdrücklich, daß wir keinerlei Einfluß auf die Gestaltung und die Inhalte der gelinkten Seiten haben. Deshalb distanzieren wir uns hiermit ausdrücklich von allen Inhalten aller gelinkten Seiten auf dieser Homepage und machen uns ihre Inhalte nicht zueigen. Diese Erklärung gilt für alle auf unserer Homepage angebrachten Links

Redaktion/Betreiber von JSP-Develop übernehmen keinerlei Gewährleistung und Verantwortung für die Richtig- und/oder Vollständigkeit von den auf den Webseiten JSP-Develop veröffentlichten Source Codes. Die Verantwortung der Verwendung/Anwendung sowie etwaige Modifikation der hier veröffentlichten Sourcen obliegt einzig dem Benutzer der Webseite, welche die veröffentlichten Sourcen in einer Applikation/Anwendung einsetzt. Durch das Kopieren und/oder Benutzen der Sourcen in einer Applikation/Anwendung bzw. etwaigen Abschriften wird dieser Rechtshinweis anerkannt.

Java, JSP, JavaServer Pages, J2EE, EJB, JDBC, JNDI, JTA, Sun, Sun Microsystems are trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and in other countries. IBM, WebSphere are trademarks or registered trademarks of International Business Machines Corporation. Other trademarks and registered trademarks are the property of their respective owners.