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 />RadioButton
<br />
<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" />

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 />RadioButton
<br />
<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" />