HTML: Unterschied zwischen den Versionen
K (→Sonderzeichen) |
|||
(20 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
== Checkbox == | == Checkbox == | ||
+ | === Senden des HTML Formulars === | ||
+ | ==== Aktive Checkbox ==== | ||
+ | Der Wert einer Checkbox wird nur dann abgesendet, wenn sie aktiviert ist. | ||
+ | # Beispiel | ||
+ | <input type="checkbox" name="checkboxtest"> | ||
+ | <tt>$_POST["checkboxtest"]</tt> existiert nur dann, wenn die Checkbox vor dem Absenden angeklickt wurde. | ||
+ | |||
Wenn das HTML-Attribut <tt>value</tt> nicht vorhanden ist, dann wird per POST der Defaultwert "on" gesendet. | Wenn das HTML-Attribut <tt>value</tt> nicht vorhanden ist, dann wird per POST der Defaultwert "on" gesendet. | ||
+ | <input type="checkbox" name="bezahlt"> | ||
+ | Nach dem Senden des Formulars hat $_POST["bezahlt"] den Wert "on", wenn die Checkbox angeklickt wurde. | ||
+ | ==== Nicht aktive Checkbox ==== | ||
+ | Mit einem versteckten input-Element kann man erreichen, dass der Wert auch dann gesendet wird, wenn die Checkbox nicht angeklickt ist. | ||
+ | <input type="hidden" name="checkboxtest" value="0"> | ||
+ | <input type="checkbox" name="checkboxtest" value="1"> | ||
+ | Die zwei Input Elemente haben das gleiche Attribut <tt>name</tt>. | ||
− | + | Bei nicht aktiver Checkbox wird nur das versteckte Element abgesendet. <tt>$_POST["checkboxtest"]</tt> enthält entweder den Wert "0" oder "1". | |
− | |||
− | |||
− | |||
== Sonderzeichen == | == Sonderzeichen == | ||
− | Sonderzeichen können zum Teil als HTML Entity eingegeben werden | + | === HTML Entities oder UNICODE === |
− | Pfeil nach rechts | + | Sonderzeichen können zum Teil als HTML Entity eingegeben werden oder als UNICODE. |
− | < | + | Pfeil nach rechts als HTML entity |
+ | <nowiki>→</nowiki> | ||
+ | |||
+ | Häkchen als UNICODE | ||
+ | ✓ | ||
+ | Siehe https://www.vioma.de/de/wiki/tools/html-sonderzeichen | ||
+ | === Font Awesome === | ||
+ | Auf folgender Seite ist eine Einführung in Font Awesome. Außerdem eine Liste der verfügbaren Symbole. | ||
+ | |||
+ | https://www.w3schools.com/icons/fontawesome5_intro.asp | ||
+ | |||
+ | Ich habe Font Awesome Version 5 heruntergeladen von https://fontawesome.com/v5/download und in folgendem Verzeichnis entpackt | ||
+ | /srv/www/extension/fontawesome | ||
+ | und mit folgendem Code im HEAD der Website eingebunden. | ||
+ | <link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link> | ||
+ | Nun kann man ein Symbol in HTML einfügen | ||
+ | <nowiki><i class="far fa-save fa-2x"></nowiki> | ||
+ | <tt>far</tt> bedeutet, dass das Icon aus der Gruppe <tt>regular</tt> ist. <tt>fa-2x</tt> gibt die Größe an. |
Aktuelle Version vom 17. September 2024, 10:09 Uhr
Checkbox
Senden des HTML Formulars
Aktive Checkbox
Der Wert einer Checkbox wird nur dann abgesendet, wenn sie aktiviert ist.
# Beispiel <input type="checkbox" name="checkboxtest">
$_POST["checkboxtest"] existiert nur dann, wenn die Checkbox vor dem Absenden angeklickt wurde.
Wenn das HTML-Attribut value nicht vorhanden ist, dann wird per POST der Defaultwert "on" gesendet.
<input type="checkbox" name="bezahlt">
Nach dem Senden des Formulars hat $_POST["bezahlt"] den Wert "on", wenn die Checkbox angeklickt wurde.
Nicht aktive Checkbox
Mit einem versteckten input-Element kann man erreichen, dass der Wert auch dann gesendet wird, wenn die Checkbox nicht angeklickt ist.
<input type="hidden" name="checkboxtest" value="0"> <input type="checkbox" name="checkboxtest" value="1">
Die zwei Input Elemente haben das gleiche Attribut name.
Bei nicht aktiver Checkbox wird nur das versteckte Element abgesendet. $_POST["checkboxtest"] enthält entweder den Wert "0" oder "1".
Sonderzeichen
HTML Entities oder UNICODE
Sonderzeichen können zum Teil als HTML Entity eingegeben werden oder als UNICODE.
Pfeil nach rechts als HTML entity →
Häkchen als UNICODE ✓
Siehe https://www.vioma.de/de/wiki/tools/html-sonderzeichen
Font Awesome
Auf folgender Seite ist eine Einführung in Font Awesome. Außerdem eine Liste der verfügbaren Symbole.
https://www.w3schools.com/icons/fontawesome5_intro.asp
Ich habe Font Awesome Version 5 heruntergeladen von https://fontawesome.com/v5/download und in folgendem Verzeichnis entpackt
/srv/www/extension/fontawesome
und mit folgendem Code im HEAD der Website eingebunden.
<link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link>
Nun kann man ein Symbol in HTML einfügen
<i class="far fa-save fa-2x">
far bedeutet, dass das Icon aus der Gruppe regular ist. fa-2x gibt die Größe an.