HTML: Unterschied zwischen den Versionen
K (→Font Awesome) |
|||
| (8 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 == | ||
| Zeile 17: | Zeile 28: | ||
Siehe https://www.vioma.de/de/wiki/tools/html-sonderzeichen | Siehe https://www.vioma.de/de/wiki/tools/html-sonderzeichen | ||
=== Font Awesome === | === 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 | Ich habe Font Awesome Version 5 heruntergeladen von https://fontawesome.com/v5/download und in folgendem Verzeichnis entpackt | ||
| Zeile 24: | Zeile 37: | ||
<link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link> | <link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link> | ||
Nun kann man ein Symbol in HTML einfügen | Nun kann man ein Symbol in HTML einfügen | ||
| − | <i class="far fa-save fa-2x"> | + | <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. | <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.