Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | |||
software:signavio:smartform [2013/08/01 16:26] neven.micanovic gelöscht |
— (aktuell) | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | Das Standartkonstrukt einer T!M-Smartform sieht wie folgt aus: (Siehe hierzu smartform_formular.png & smartform_definition.png) | ||
- | <code html Smartform-Beispiel einsehen> | ||
- | |||
- | <form class="klassenname" name="formularname" security="all" initMethod="FUNKTION DIE BEIM ÖFFNEN DER SF AUSGEFÜHRT WIRD"> | ||
- | <style type="text/css"> | ||
- | .klassenname table{ | ||
- | width:400px; | ||
- | } | ||
- | .klassenname table td{ | ||
- | border:1px solid #aaa; | ||
- | padding:4px; | ||
- | } | ||
- | .klassenname .short_input { | ||
- | width:10px; | ||
- | } | ||
- | </style> | ||
- | <table cellspacing="0"> | ||
- | <tr> | ||
- | <td><img src="logo.jpg"> | ||
- | </td> | ||
- | <td>T!M-Smartform | ||
- | </td> | ||
- | </tr> | ||
- | <td> | ||
- | <label for="id_textfeld">Datum:</label> | ||
- | </td> | ||
- | <td> | ||
- | <input type="text" id="id_textfeld" name="name_textfeld" class="datepicker" /> | ||
- | </td> | ||
- | </tr> | ||
- | <tr> | ||
- | <td colspan="2"> | ||
- | <input type="radio" name="radiobuttongroup" id="radio_1" class="short_input" checked="checked" /> <label for="radio_1">Radiobuttonauswahl 1</label> <br /> | ||
- | <input type="radio" name="radiobuttongroup" id="radio_2" class="short_input" /> <label for="radio_2">Radiobuttonauswahl 2</label><br /> | ||
- | <input type="radio" name="radiobuttongroup" id="radio_3" class="short_input" /> <label for="radio_3">Radiobuttonauswahl 3</label> | ||
- | </td> | ||
- | </tr> | ||
- | <tr> | ||
- | <td colspan="2"> | ||
- | <input type="checkbox" name="checkbox1" id="checkbox1" class="short_input" /> <label for="checkbox1">Checkboxauswahl 1</label><br /> | ||
- | <input type="checkbox" name="checkbox2" id="checkbox2" class="short_input" /> <label for="checkbox2">Checkboxauswahl 2</label><br /> | ||
- | <input type="checkbox" name="checkbox2" id="checkbox3" class="short_input" /> <label for="checkbox3">Checkboxauswahl 3</label> | ||
- | </td> | ||
- | </tr> | ||
- | <tr> | ||
- | <td>Ihre Wahl:</td> | ||
- | <td> | ||
- | <select name="auswahlbox" id="selectauswahl"> | ||
- | <option value="Bitte auswählen...">Bitte auswählen...</label> | ||
- | <option value="gut">gut</label> | ||
- | <option value="sehr gut">sehr gut</label> | ||
- | <option value="unbeschreiblich">unbeschreiblich</label> | ||
- | </select> | ||
- | </td> | ||
- | </tr> | ||
- | <tr> | ||
- | <td> | ||
- | Beschreibung: | ||
- | </td> | ||
- | <td> | ||
- | <textarea name="beschreibungsfeld" id="beschreibungsfeld" style="width:200px;height:70px;"> | ||
- | </textarea> | ||
- | </td> | ||
- | </form> | ||
- | </code> |