HTML: Difference between revisions
(→Form) |
(→INPUT) |
||
Line 24: | Line 24: | ||
=== Allgemein === | === Allgemein === | ||
<input type="field-type" name="field-name" value="default value" | <input type="field-type" name="field-name" value="default value"> | ||
* Man kann anstelle von "value" auch "placeholder" einsetzen... dann wird es grau anstelle schwarz geschrieben, und bei einem "submit" nicht mit uebertragen. Der Placeholder verschwindet, wenn man in das Input-Feld clickt. | |||
* fuegt man vor die schliessende Klammer ein "required" ein, dann muss das feld vor einem submit gefuellt sein | |||
=== Checkbox === | === Checkbox === | ||
Eine Box zum anclicken... | Eine Box zum anclicken... |
Revision as of 19:17, 25 May 2023
Button
<button>Klick hier</button>
Embedded JS
<script>
code...
</script
Form
<form class="" action="" method="POST">
</form>
Action kann besielsweise ein link zu ner anderen URL sein, wo dann zum Beispiel der inhalt eines Input angefuegt wird.
INPUT
Allgemein
<input type="field-type" name="field-name" value="default value">
- Man kann anstelle von "value" auch "placeholder" einsetzen... dann wird es grau anstelle schwarz geschrieben, und bei einem "submit" nicht mit uebertragen. Der Placeholder verschwindet, wenn man in das Input-Feld clickt.
- fuegt man vor die schliessende Klammer ein "required" ein, dann muss das feld vor einem submit gefuellt sein
Checkbox
Eine Box zum anclicken...
<input type="checkbox"> Checkbox1
Colour Picker
Das System-Farbaussuch-Tool...
<input type="color" name="" value="">
Validiert ob die Email auch das gueltige Email Format hat
<input type="email" name="useremail" value="example@email.com">
Password
Wandelt die Eingabe in Sternchen...
<input type="password" name="pwd" value="">
Submit
Zum Abschicken eines Formulars...
<input type="submit" name="submit" value="GO GO GO">
Text
Einfach ein beliebiges Textfeld...
<input type="text" name="eingabefeld" value="Hier bitte auskotzen...">
Label
Feld-Zugehörige Bezeichner...
<label> Gib mir text <input type="text"> </label>
und fuer mehrere Felder...
<label for="userinput">Bitte Eingabe machen</label>
<input id="userinput" name="pwd1" value="Passwort 1">
<input id="userinput" name="pwd2" value="Passwort 2">