<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.bzz.ch/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.bzz.ch/feed.php">
        <title>BZZ - Modulwiki - modul:m293:learningunits:lu06</title>
        <description></description>
        <link>https://wiki.bzz.ch/</link>
        <image rdf:resource="https://wiki.bzz.ch/_media/wiki/logo.png" />
       <dc:date>2026-04-07T15:35:07+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/learningunits/lu06/button?rev=1711631267&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/learningunits/lu06/formular?rev=1711631267&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/learningunits/lu06/input?rev=1711631267&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/learningunits/lu06/start?rev=1711631267&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/learningunits/lu06/styles?rev=1717075496&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/learningunits/lu06/validierung?rev=1711631267&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.bzz.ch/_media/wiki/logo.png">
        <title>BZZ - Modulwiki</title>
        <link>https://wiki.bzz.ch/</link>
        <url>https://wiki.bzz.ch/_media/wiki/logo.png</url>
    </image>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/learningunits/lu06/button?rev=1711631267&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-03-28T13:07:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU06c - Button</title>
        <link>https://wiki.bzz.ch/modul/m293/learningunits/lu06/button?rev=1711631267&amp;do=diff</link>
        <description>LU06c - Button

siehe auch selfhtml - Buttons

Mit Buttons lösen wir die Verarbeitung der Daten aus.

Ein Button löst eine Aktion bzw. Verarbeitung aus.
Das Button-Element benötigt das Attribut type um die Art der Verarbeitung zu definieren.

type=&#039;submit&#039;


...
  &lt;form action=&#039;./index.php&#039; method=&#039;post&#039;&gt;
    &lt;label for=&#039;email&#039;&gt;Email&lt;/label&gt;
    &lt;input id=&#039;email&#039; name=&#039;email&#039; type=&#039;text&#039; /&gt;
    &lt;button type=&#039;submit&#039;&gt;Absenden&lt;/button&gt;
  &lt;/form&gt;
...</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/learningunits/lu06/formular?rev=1711631267&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-03-28T13:07:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU06a - Einstieg Formulare</title>
        <link>https://wiki.bzz.ch/modul/m293/learningunits/lu06/formular?rev=1711631267&amp;do=diff</link>
        <description>LU06a - Einstieg Formulare

siehe auch selfhtml - Webformular

In einem Formular kann der Benutzer Daten erfassen.
Der Client sendet diese Daten zur Verarbeitung an den Server.

Aufbau

Ein Formular ist eine Element innerhalb unserer Webseite.
Es besteht üblicherweise aus:</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/learningunits/lu06/input?rev=1711631267&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-03-28T13:07:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU06b - Eingabefelder</title>
        <link>https://wiki.bzz.ch/modul/m293/learningunits/lu06/input?rev=1711631267&amp;do=diff</link>
        <description>LU06b - Eingabefelder

Auf dieser Seite befassen wir uns mit input, textarea und label für die Eingabefelder unserer Formulare.

input

Siehe auch selfhtml - input

Das input-Element zeigt dem Benutzer ein einzeiliges Eingabefeld an.
Es benötigt die Attribute:

	*</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/learningunits/lu06/start?rev=1711631267&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-03-28T13:07:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU06 - Formularelemente</title>
        <link>https://wiki.bzz.ch/modul/m293/learningunits/lu06/start?rev=1711631267&amp;do=diff</link>
        <description>LU06 - Formularelemente


	* LU06a - Einstieg Formulare
	* LU06b - Eingabefelder
	* LU06c - Button
	* LU06d - Formulare mit CSS gestalten
	* LU06d - Validierung



Aufgaben


	* LU06.A01 - Personalien
	* LU06.A02 - Buch



Lösungen


	* LU06.L01 - Personalien
	* LU06.L02 - Buch</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/learningunits/lu06/styles?rev=1717075496&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-05-30T13:24:56+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU06d - Formulare mit CSS gestalten</title>
        <link>https://wiki.bzz.ch/modul/m293/learningunits/lu06/styles?rev=1717075496&amp;do=diff</link>
        <description>LU06d - Formulare mit CSS gestalten

Gründe

Raw Formular ohne CSS

Einheitliche Breite

Label links, rechts oder oberhalb

Mehrere Spalten

----------

m293-lu08 m293-e1e

&lt;https://creativecommons.org/licenses/by-nc-sa/4.0/&gt; Kevin Maurizi, Marcel Suter</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/learningunits/lu06/validierung?rev=1711631267&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-03-28T13:07:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU06d - Validierung</title>
        <link>https://wiki.bzz.ch/modul/m293/learningunits/lu06/validierung?rev=1711631267&amp;do=diff</link>
        <description>LU06d - Validierung

Unter Validierung verstehen wir das Überprüfen von Eingaben auf gültige Werte.
Verschiedene Attribute im input-Tag erlauben es, die Eingaben im Webbrowser zu prüfen, bevor diese an den Server geschickt werden.

Durch die Validierung der Eingaben im Formular erhält der Benutzer direktes Feedback, ob seine Eingaben gültig sind.
Welche Attribute zum Einsatz kommen, hängt vom</description>
    </item>
</rdf:RDF>
