%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper,headsepline,footsepline]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
% Funktioniert nicht \usepackage[automark]{scrpage2}%
\usepackage[automark]{scrlayer-scrpage}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}

%Spalten
\usepackage{multicol}

% Single quotes
\usepackage{upquote,textcomp}

%Kopfzeile
\ihead{PHP}
\chead{}
\ohead{http://kohnlehome.de/php/php-steuerelemente.pdf}
%\setheadsepline{0.5pt}

%Fußzeile
%\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
    \LARGE % Schriftgröße
    \bfseries % Fettdruck
    \sffamily % Serifenlose Schrift
    PHP-Steuerelemente
\end{center}

\section{Textbox für Text}
\begin{verbatim}
<?php
// Eingegebenen Text ermitteln
$text = ''; // Standardwert
if (
    isset($_POST['url-parameter']) &&
    is_string($_POST['url-parameter'])
) {
    $text = $_POST['url-parameter'];
}
?>

<!-- HTML-Formular -->
<form action="" method="post">
    <input type="text" name="url-parameter" value="<?= $text ?>">
    <button>Senden</button>
</form>
\end{verbatim}

\section{normale Textbox für Zahlen (type="text")}
\begin{verbatim}
<?php
// Eingegebene Zahl ermitteln
$zahl = 0; // Standarwert
if (
    isset($_POST['url-parameter']) &&
    is_string($_POST['url-parameter']) &&
    is_numeric($_POST['url-parameter'])
) {
    $zahl = $_POST['url-parameter'];
}
?>

<!-- HTML-Formular -->
<form action="" method="post">
    <input type="text" name="url-parameter" value="<?= $zahl ?>">
    <button>Senden</button>
</form>
\end{verbatim}

\newpage

\section{Slider}
\begin{verbatim}
<?php
// Eingegebenen Wert ermitteln
$wert = 50; // Standardwert
if (
    isset($_POST['url-parameter']) &&
    is_string($_POST['url-parameter']) &&
    is_numeric($_POST['url-parameter'])
) {
    $wert = $_POST['url-parameter'];
}
?>

<!-- HTML-Formular -->
<form action="" method="post">
    <input type="range" name="url-parameter" value="<?= $wert ?>">
    <button>Senden</button>
</form>    
\end{verbatim}
\section{Checkbox}

\begin{verbatim}
<?php
// Eingegebenen Wert ermitteln
$ausgewaehlt = false; // Standardwert
if (
    isset($_POST['url-parameter'])
) {
    $ausgewaehlt = true;
}

// Der letzte Zustand soll wiederhergestellt werden
$isChecked = '';
if ($ausgewaehlt) {
    $isChecked = 'checked';
}
?>

<!-- HTML-Formular -->
<form action="" method="post">
    <input type="checkbox" name="url-parameter" <?= $isChecked ?>>
    <button>Senden</button>
</form>
\end{verbatim}

\newpage

\section{Dropdown-Menü}
\begin{verbatim}
<?php
// Ausgewählte Option ermitteln: 'a', 'b' oder 'c'
$variableDropdown = 'b'; // Standardwert
if (
    isset($_POST['url-parameter']) &&
    is_string($_POST['url-parameter'])
) {
    $variableDropdown = $_POST['url-parameter'];
}

// Die zuletzt ausgewählte Option soll wieder ausgewählt sein
// Das Attribut heißt 'selected'
$isASelected = '';
$isBSelected = '';
$isCSelected = '';
switch ($variableDropdown) {
    case 'a':
        $isASelected = 'selected';
        break;
    case 'b':
        $isBSelected = 'selected';
        break;
    case 'c':
        $isCSelected = 'selected';
}
?>
 
<!-- HTML-Formular -->
<form action="" method="post">
    <select name="url-parameter">
        <option value="a" <?= $isASelected ?>>Text A</option>
        <option value="b" <?= $isBSelected ?>>Text B</option>
        <option value="c" <?= $isCSelected ?>>Text C</option>
    </select> 
    <button>Senden</button>
</form>
\end{verbatim}

\newpage

\section{Radiobuttons}
\begin{verbatim}
<?php
// Ausgewählte Option ermitteln: 'a', 'b' oder 'c'
$variableRadio = 'b'; // Standardwert
if (
    isset($_POST['url-parameter']) &&
    is_string($_POST['url-parameter'])
) {
    $variableRadio = $_POST['url-parameter'];
}
 
// Die zuletzt ausgewählte Option soll wieder ausgewählt sein
// Das Attribut heißt 'checked'
$isAChecked = '';
$isBChecked = '';
$isCChecked = '';
switch ($variableRadio) {
    case 'a':
        $isAChecked = 'checked';
        break;
    case 'b':
        $isBChecked = 'checked';
        break;
    case 'c':
        $isCChecked = 'checked';
}
?>
 
<!-- HTML-Formular -->
<form action="" method="post">
    <input type="radio" name="url-parameter" value="a" <?= $isAChecked ?>>
    <input type="radio" name="url-parameter" value="b" <?= $isBChecked ?>>
    <input type="radio" name="url-parameter" value="c" <?= $isCChecked ?>> 
    <button>Senden</button>
</form>
\end{verbatim}

\end{document}

