HTML: Unterschied zwischen den Versionen

Aus Mediawiki Ferdinand Gruber
Zur Navigation springen Zur Suche springen
K
 
(24 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".
  
===== HTML =====
+
== Sonderzeichen ==
  <input type="checkbox" name="bezahlt">
+
=== HTML Entities oder UNICODE ===
+
Sonderzeichen können zum Teil als HTML Entity eingegeben werden oder als UNICODE.
  $_POST["bezahlt"] hat den Wert "on", wenn die Checkbox den Status "checked" hat.
+
Pfeil nach rechts als HTML entity
 +
<nowiki>&rarr;</nowiki>
 +
 
 +
Häkchen als UNICODE
 +
&#10003;
 +
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.