| Bielefeld University > University > Faculties and Departments > Pressestelle > Informations-Management > Roxen CMS |
Interaktive Formulare für Veranstaltungsanmeldung oder Bewerbungen gehören heute zu den selbstverständlichen Funktionen von Internetseiten. In der Universität Bielefeld werden Formulare durch eine Software namens "FormTools" verarbeitet. Diese Software wird im Zentrum für Lehrerbildung gehostet. Wenn Sie ein solches Formular erstellen wollen, wenden Sie sich an das Informationsmanagement.
Um ein Formular vorzubereiten, müssen Sie in einem html-Dokument folgende Code-Schnipsel einfügen:
Hier wird das Script angefordert, das die Pflichtfelder erzeugt:
<script src="http://www.uni-bielefeld.de/javascript/validation.js" type="text/javascript"></script>
So sieht der Formular-Kopf aus (Zieladresse, utf-8 codierung und Aufruf der Pflichtfelder - hier anpassen an die vorhandenen Feldnamen):
<form action="http://frmtools.uni-bielefeld.de/formtools/process.php" method="post" accept-charset="utf-8" enctype="multipart/form-data" onSubmit="return validateFields(this, ['required,name,Name erforderlich', 'required,vorname,Vorname erforderlich', 'required,strasse,Strasse erforderlich', 'required,plz,PLZ erforderlich', 'required,ort,Ort erforderlich', 'required,telefon,Telefon erforderlich', 'required,email,E-Mail erforderlich','valid_email,email,E-Mail ungültig'])">
Hier wird das entsprechende Formular aufgerufen:
<input type="hidden" name="form_tools_form_id" value="105" />
Dieses dient der Zeichensatzcodierung für den Internet Explorer, ansonsten werden Umlaute abgeschnitten:
<input name="cheat" type="hidden" value="ﭒ" />
So sieht ein einfaches Eingabefeld aus:
<input id="name" size="30" name="Name" />
Mehrzeilige Eingabebereiche definieren:
<textarea name="feldname" id="feldname" cols="50" rows="10"></textarea>
Radio-Buttons definieren:
<input type="radio" name="Zahlmethode" value="Mastercard"> Mastercard<br> <input type="radio" name="Zahlmethode" value="Visa"> Visa<br> <input type="radio" name="Zahlmethode" value="AmericanExpress"> American Express
Mastercard
Visa
American Express
So erzeugen Sie eine Dropdownbox:
<select name="KartenAbsolv" id="KartenAbsolv"> <option value=" ">Bitte wählen Sie</option> <option value="1KartenAbsolv">1 Galakarte</option> <option value="2KartenAbsolv">2 Galakarten</option> </select>
Checkboxen definieren:
<input type="checkbox" name="zutat" value="salami"> Salami<br> <input type="checkbox" name="zutat" value="pilze"> Pilze<br> <input type="checkbox" name="zutat" value="sardellen"> Sardellen
Salami
Pilze
Sardellen
Am Ende wird das Formular abgeschlossen:
<input type="submit" value="Abschicken" /> </form>
Sie können diesen Code kopieren und in Ihre html-Seite integrieren.
<script src="http://www.uni-bielefeld.de/javascript/validation.js" type="text/javascript"></script>
<form action="http://frmtools.uni-bielefeld.de/formtools/process.php" method="post" accept-charset="utf-8" enctype="multipart/form-data" onSubmit="return validateFields(this, ['required,name,Name erforderlich', 'required,vorname,Vorname erforderlich', 'required,strasse,Strasse erforderlich', 'required,plz,PLZ erforderlich', 'required,ort,Ort erforderlich', 'required,telefon,Telefon erforderlich', 'required,email,E-Mail erforderlich'])">
<input type="hidden" name="form_tools_form_id" value="105" />
<input name="cheat" type="hidden" value="ﭒ" />
<input id="name" size="30" name="Name" />
<select name="KartenAbsolv" id="KartenAbsolv"> <option value=" ">Bitte wählen Sie</option> <option value="1KartenAbsolv">1 Galakarte</option> <option value="2KartenAbsolv">2 Galakarten</option> </select>
<input type="submit" value="Abschicken" /> </form>
Weitere Hinweise zur Erzeugung von Formularfeldern finden Sie bei SELFHTML.
