HTML: Unterschied zwischen den Versionen

Aus Mediawiki Ferdinand Gruber
Zur Navigation springen Zur Suche springen
Zeile 8: Zeile 8:
  
 
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.
 +
 
Checkbox absenden
 
Checkbox absenden
 
  <input type="checkbox" name="bezahlt">
 
  <input type="checkbox" name="bezahlt">

Version vom 17. September 2024, 10:06 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.

Checkbox absenden

<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.