HTML: Difference between revisions

From Utopia
Jump to navigation Jump to search
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 20: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="">

Email

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">