HTML: Difference between revisions
(→INPUT) |
No edit summary |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
== Sonderzeichen == | |||
{| class="wikitable" | |||
|+ | |||
!Zeichen | |||
!Code | |||
!Beschreibung | |||
|- | |||
|" | |||
|″ | |||
|einfache Anfuehrungszeichen oben (Sekundenzeichen in der Kartographie ) | |||
|- | |||
|" | |||
|“ | |||
|doppelte anfuehrungszeichen oben / links | |||
|- | |||
|" | |||
|&rdqui; | |||
|doppelte anfuehrungszeichen oben / rechts | |||
|- | |||
|" | |||
|„ | |||
|doppelte anfuehrungszeichen unten | |||
|- | |||
|... | |||
|… | |||
|drei Punkte | |||
|- | |||
| | |||
| | |||
| | |||
|} | |||
== Button == | == Button == | ||
<button>Klick hier</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 == | == INPUT == | ||
| Line 8: | Line 57: | ||
=== 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... | ||
<input type="checkbox"> Checkbox1 | <input type="checkbox"> Checkbox1 | ||
=== Colour Picker === | |||
Das System-Farbaussuch-Tool... | |||
<input type="color" name="" value=""> | |||
=== Email === | === Email === | ||
| Line 23: | Line 82: | ||
<input type="password" name="pwd" value=""> | <input type="password" name="pwd" value=""> | ||
=== Radio Button === | |||
Runde Click buttons... wenn man mehreren den gleichen Namen gibt, dann ist immer nur einer davon aktiv | |||
<label>nr 1 | |||
<input type="radio" name="understood" value=""> | |||
</label> | |||
<label>nr. 2 | |||
<input type="radio" name="understood" value=""> | |||
</label> | |||
=== Submit === | === Submit === | ||
Zum Abschicken eines Formulars... | Zum Abschicken eines Formulars... | ||
<input type="submit" name="submit" value="GO GO GO"> | <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"> | |||
== Select == | |||
Ein kleines Drop-Down-Menu für Auswahlmöglichkeiten | |||
<select name="choice"> | |||
<option value="ja">Jaaaa</option> | |||
<option value="nein">Neeee</option> | |||
</select> | |||
== Textarea == | |||
Ein groessen-bestimmbares Eingabefeld | |||
</ | <textarea name="mytext" rows="8" cols="80"></textarea> | ||
Latest revision as of 09:09, 12 December 2023
Sonderzeichen
| Zeichen | Code | Beschreibung |
|---|---|---|
| " | ″ | einfache Anfuehrungszeichen oben (Sekundenzeichen in der Kartographie ) |
| " | “ | doppelte anfuehrungszeichen oben / links |
| " | &rdqui; | doppelte anfuehrungszeichen oben / rechts |
| " | „ | doppelte anfuehrungszeichen unten |
| ... | … | drei Punkte |
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="">
Radio Button
Runde Click buttons... wenn man mehreren den gleichen Namen gibt, dann ist immer nur einer davon aktiv
<label>nr 1
<input type="radio" name="understood" value="">
</label>
<label>nr. 2
<input type="radio" name="understood" value="">
</label>
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">
Select
Ein kleines Drop-Down-Menu für Auswahlmöglichkeiten
<select name="choice">
<option value="ja">Jaaaa</option>
<option value="nein">Neeee</option>
</select>
Textarea
Ein groessen-bestimmbares Eingabefeld
<textarea name="mytext" rows="8" cols="80"></textarea>