Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- html [2024/12/01 16:22]
root [Einige Elemente]
+++ html [2024/12/02 20:09] (aktuell)
root [Einige Elemente]
@@ Zeile 20: / Zeile 20: @@
 |fieldset|Gruppiert zusammengehörende Controls (User-Interaktionselemente) zu einem Block. \\ Zum Beispiel Radio-Buttons der gleichen Entscheidung. \\ \\ Visuell sichtbar. \\ "Überschrift" kann durch Legend-Element erreicht werden|
 |Legend|Erzeugt eine Legende/Überschrift/Erklärung für ein Fieldset. \\ Ähnlich figcaption für figure-Element|
-|input|Eingabe-Element. \\ type definiert es näher -> text, password (es werden Sternchen angezeigt), email -> es wird eine E-Mail-Addresse erwartet|
+|input|Eingabe-Element. \\ <WRAP>
+  * type:
+^type ^Beschreibung ^
+|submit|Sendet das Formular ab|
+|text|Text|
+|email|E-Mail-Addresse|
+|password|Eingabe wird mit Sternchen maskiert|
+|radio|Radio-Button. \\ Mehrere können über den gleichen Namen im name-Attribut zu einer Gruppe zusammengefasst werden von der nur einer ausgewählt werden kann|
+|file|Button zum hochladen einer Datei|
+|number|Zahl - es können nur Zahlen eingegeben werden. \\ \\ siehe auch min und max|
+  * value -> Beschriftung
+  * required -> hat keinen Wert, wenn angegeben muss dieses Feld ausgefüllt werden um das Formular absendend zu können
+  * minlength -> minimale Länge der Eingabe
+  * pattern -> definiert ein regular Expression der erfüllt sein muss -> pattern="[a-z0-5]{8,}"
+  * name -> Names des Feldes wie er dann im Post bzw. get übertragen wird
+      * bei Radio-Buttons können mehrere Buttons den gleichen Namen haben, es kann dann nur einer dieser Gruppe ausgewählt werden
+  * checked -> per Default ausgewählt (Radio-Button/Check-Box). Hat keinen Wert
+  * min -> für Zahlenfelder der Minimalwert
+  * max -> für Zahlenfelder der Maximalwert
+</WRAP>|
+|select|Drop-Down-Menü. \\ \\ <WRAP>
+<sxh html>
+<select>
+<option value="eins">Eins</option>
+<option value="zwei">Zwei</option>
+<option value="drei">Drei</option>
+</select>
+</sxh>
+  * options geben die Optionen an die zur Auswahl stehen
+      * value ist optional, wird es nicht angegeben wird der Text gesendet
+</WRAP>|
+|textarea|Ein Multi-Zeilen-Textfeld. \\ Benötigt schließendes Tag <WRAP>
+  * cols -> definiert Anzahl Spalten/Zeichen (Breite)
+  * rows -> Anzahl Zeilen (Länge)
+  * placeholder -> Ein Plathalter-Text (verschwindet beim reinklicken)
+</WRAP>|
 |<!DOCTYPE html>|Pseudo-Element welches definiert um was für eine Art Dokument es sich handelt -> html5-Element|
 |html|root-Element einer html-Seite. \\ \\ lang-Attribut = definiert welche Sprache diese Seite nutzt. lang="de" -> Deutsch; lang=de_de -> Deutsch-Deutschland|

MyWiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge