forms-snippets

form
<form>

</form>

form with actionscript
<form method="get" action="test.php" >

</form>

Fieldset
<fieldset>
<legend>Überschrift</legend>
</fieldset>

label
<label for="userId" > Username
<!-- insert a form element -->
<input type="text" name="inputText" id="userId" value="Vorgabetext" size="14" maxlength="10" autofocus="autofocus" />
</label>
<br />
<br />

simple Textfield
<input type="text" name="name1" value="Vorgabetext" size="12" />


Textfield with properties
<input type="text" name="name1" placeholder="Vorgabetext(placeholder)" value="Vorgabetext" size="12" autofocus="autofocus" required="required"/>


textfield with pattern
<!-- IP-Address pattern="[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}" -->
<!-- Name-pattern: pattern="[A-Z][a-z]{1,30}" -->
<input type="text" name="name1" placeholder="Vorgabetext(placeholder)" pattern="[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}" value="Vorgabetext" size="12" autofocus="autofocus" required="required"/>


Textarea
<br />
<!-- attribs wrap: a)off b)HARD c)SOFT -->
<textarea name="editor" rows="10" cols="50" wrap="SOFT"> Eingabe eines Textes in einem Editor</textarea>


Hidden Element
<input type="hidden" name="geheim" value="passwort" size="12"/>


CheckBox
<input type="checkbox" name="cad1" value="CAD1" /> AutoCAD
<br />


MultiCheckBox
<input type="checkbox" name="cad[]" value="CAD1" /> AutoCAD
<br />



RadioButton
<input type="radio" name="R1" value="CAD1" checked="checked" /> AutoCAD
<br />
<input type="radio" name="R1" value="CAD2" /> TurboCAD
<br />
<input type="radio" name="R1" value="CAD3" /> Eagle
<br />


ComboBox
<br />
<select name="objekte" > <!-- size="6" multiple="multiple" -->
<option > Circle </option >
<option selected="selected" > Square </option >
<option > Polygon </option >
</select>


Password
<input type="password" name="name1" value="Vorgabetext" size="12" />


Number
1. Number <input type="number" name="zahl1" min="0" max="100" value ="12" /> <br />


Submit
<input type="submit" value="Send" />


Button
<input type="button" value="Send" onclick="calc(this.form)"/>


Reset
<input type="reset" value="Delete"/><br />


Submit mit Actionscript
<input type="submit" value="Send" formaction="page1.xhtml" formmethod="get" />

Grid-layout

<div id="wrapperdialog">
<label class="column1" for="t1Id">input1</label>
<input type="text" class="column2" name="t1" id="t1Id" value="abc" size="12" />
<label class="column1" for="t2Id">input2*********</label>
<input type="text" class="column2" name="t2" id="t2Id" value="123" size="12" />
<label class="column1" for="t3Id">input3</label>
<input type="text" class="column2" name="t3" id="t3Id" value="123" size="12" />
</div>