HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis

Vom Netzwerk:

auszugrauen, wenn der Anwender ankreuzt, dass er gar kein Auto besitzt.
Beispiel

Erläuterung
    Mit dem Standalone-Attribut
readonly
können Sie ein Eingabefeld auf »nur lesen« setzen. Anwendbar ist das Attribut sowohl auf einzeilige, als auch auf mehrzeilige Eingabefelder. Sinnvoll ist diese Angabe, wenn ein Feldwert zwar als Formulardatum übertragen werden, der Anwender den Wert auch sehen, aber nicht ändern können soll. Im obigen Beispiel ist das Feld mit dem Mehrwertsteuersatz entsprechend gekennzeichnet.
    Mit dem Standalone-Attribut
disabled
deaktivieren Sie ein Element, es wird grau dargestellt. Erlaubt ist das Attribut in den Formular-Tags in allen Formularfeldtypen, also bei Eingabefeldern, Auswahllisten, Schaltflächen, Radiobuttons, Checkboxen usw. Das Element ist nicht editierbar bzw. nicht anklickbar, und es wird in irgendeiner Form blasser dargestellt, um zu signalisieren, dass es nicht bearbeitbar ist. Im obigen Beispiel ist die Checkbox auf diese Weise gekennzeichnet.
    Bild 8.17: Das Beispiel für deaktivierte Elemente
Weitere Hinweise
    Wenn Sie XHTML-Standard-konform arbeiten wollen, müssen Sie die Attribute in der Form
readonly="readonly"
bzw.
disabled="disabled"
notieren.
Referenzinformationen
    Attributreferenz
readonly
,
    Attributreferenz
disabled
:

8.3.4      Eingabehilfen bei Formularfeldern
HTML5 bietet folgende Arten der Unterstützung beim Eingeben von Daten in Formularfelder an:
•   Tastaturkürzel zum direkten Ansteuern bestimmter Felder,
•   Autofocus-Funktion zum Fokussieren auf ein bestimmtes Feld, nachdem die Webseite geladen ist,
•   die Beeinflussung der Reihenfolge beim Bewegen zwischen Feldern mittels Tabulatortaste,
•   Platzhaltertexte für Formularfelder (»Michaela Mustermann«), die nur angezeigt werden, wenn das Feld leer ist und nicht bearbeitet wird.
    Ferner können Sie die Auto-Vervollständigungsfunktion, die moderne Browser standardmäßig als Ausfüllhilfe anbieten, abschalten, z. B. aus Sicherheitsgründen bei Daten, für die Sie jede Kopiermöglichkeit ausschließen möchten, etwa bei der Eingabe einer Kreditkartennummer.
Beispiel

    Bild 8.18: Das Beispiel im Browser
Erläuterung
    Tabulator-Reihenfolge
    Die meisten Browser erlauben es, mit Hilfe der Tabulator-Taste der Tastatur, nacheinander die Elemente eines Formulars anzuspringen. Normalerweise werden die Formularelemente dabei in der Reihenfolge angesprungen, in der sie im HTML-Dokument definiert sind. Sie können jedoch eine andere Reihenfolge festlegen. Mit dem Attribut
tabindex
in den Formular-Tags

,

<br />,<br /><select><br />oder<br /><button><br />können Sie die Tabulator-Reihenfolge beeinflussen. Notieren Sie die Angabe in allen entsprechenden Tags des Formulars. Vergeben Sie bei jeder Angabe eine Zahl. Beim Anspringen der Formularelemente mit der Tabulator-Taste wird zuerst das Formularelement mit der niedrigsten Tabindex-Nummer angesprungen, danach dasjenige mit der zweitniedrigsten und als letztes dasjenige mit der
            </div>

</div>

<div class="otr">
            <h2>Weitere Kostenlose Bücher</h2>
            <div class="itm itma">
                    <a href="/kostenlose-cook-the-books" title="Cook the Books">
                <img class="lz" data-src="/covers/04/65/57/cover.jpg" alt="Cook the Books" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-cook-the-books" title="Cook the Books">
                Cook the Books Online Lesen
            </a>
                            von
                                    <a href="/autor-jessica-conant-park-online-lesen-downloaden-kostenlos" title="Jessica Conant-Park">Jessica Conant-Park</a>
                                            ,
                                                        <a href="/autor-susan-conant-online-lesen-downloaden-kostenlos" title="Susan Conant">Susan Conant</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-cook-the-books" title="Cook the Books">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-die-schuhliebhaberin-moore-m-schuhliebhaberin" title="Die Schuhliebhaberin - Moore, M: Schuhliebhaberin">
                <img class="lz" data-src="/covers/01/73/64/cover.jpg" alt="Die Schuhliebhaberin - Moore, M: Schuhliebhaberin" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-die-schuhliebhaberin-moore-m-schuhliebhaberin" title="Die Schuhliebhaberin - Moore, M: Schuhliebhaberin">
                Die Schuhliebhaberin - Moore, M: Schuhliebhaberin Online Lesen
            </a>
                            von
                                    <a href="/autor-moore-madeline-online-lesen-downloaden-kostenlos" title="Madeline Moore">Madeline Moore</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-die-schuhliebhaberin-moore-m-schuhliebhaberin" title="Die Schuhliebhaberin - Moore, M: Schuhliebhaberin">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-change-of-heart" title="Change of Heart">
                <img class="lz" data-src="/covers/03/74/34/cover.jpg" alt="Change of Heart" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-change-of-heart" title="Change of Heart">
                Change of Heart Online Lesen
            </a>
                            von
                                    <a href="/autor-mary-calmes-online-lesen-downloaden-kostenlos" title="Mary Calmes">Mary Calmes</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-change-of-heart" title="Change of Heart">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-0509-der-wuerger-auf-dem-schienenstrang" title="0509 - Der Würger auf dem Schienenstrang">
                <img class="lz" data-src="/covers/35/42/cover.jpg" alt="0509 - Der Würger auf dem Schienenstrang" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-0509-der-wuerger-auf-dem-schienenstrang" title="0509 - Der Würger auf dem Schienenstrang">
                0509 - Der Würger auf dem Schienenstrang Online Lesen
            </a>
                            von
                                                    <div class="rkl-b">
                <a href="/kostenlose-0509-der-wuerger-auf-dem-schienenstrang" title="0509 - Der Würger auf dem Schienenstrang">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-stern-ohne-himmel" title="Stern ohne Himmel">
                <img class="lz" data-src="/covers/03/06/27/cover.jpg" alt="Stern ohne Himmel" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-stern-ohne-himmel" title="Stern ohne Himmel">
                Stern ohne Himmel Online Lesen
            </a>
                            von
                                    <a href="/autor-ossowski-leonie-online-lesen-downloaden-kostenlos" title="Leonie Ossowski">Leonie Ossowski</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-stern-ohne-himmel" title="Stern ohne Himmel">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-0982-die-kinder-der-zeitsaeufer" title="0982 - Die Kinder der Zeitsäufer">
                <img class="lz" data-src="/covers/01/09/88/cover.jpg" alt="0982 - Die Kinder der Zeitsäufer" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-0982-die-kinder-der-zeitsaeufer" title="0982 - Die Kinder der Zeitsäufer">
                0982 - Die Kinder der Zeitsäufer Online Lesen
            </a>
                            von
                                    <a href="/autor-oliver-froehlich-online-lesen-downloaden-kostenlos" title="Oliver Fröhlich">Oliver Fröhlich</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-0982-die-kinder-der-zeitsaeufer" title="0982 - Die Kinder der Zeitsäufer">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-karl-marx-sein-leben-und-sein-jahrhundert-german-edition" title="Karl Marx: Sein Leben und sein Jahrhundert (German Edition)">
                <img class="lz" data-src="/covers/67/65/cover.jpg" alt="Karl Marx: Sein Leben und sein Jahrhundert (German Edition)" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-karl-marx-sein-leben-und-sein-jahrhundert-german-edition" title="Karl Marx: Sein Leben und sein Jahrhundert (German Edition)">
                Karl Marx: Sein Leben und sein Jahrhundert (German Edition) Online Lesen
            </a>
                            von
                                    <a href="/autor-sperber-jonathan-online-lesen-downloaden-kostenlos" title="Jonathan Sperber">Jonathan Sperber</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-karl-marx-sein-leben-und-sein-jahrhundert-german-edition" title="Karl Marx: Sein Leben und sein Jahrhundert (German Edition)">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
    <div class="itm itma">
                    <a href="/kostenlose-das-versprechen-1" title="Das Versprechen">
                <img class="lz" data-src="/covers/02/75/72/cover.jpg" alt="Das Versprechen" />
            </a>
                <div class="itm-info">
            <a href="/kostenlose-das-versprechen-1" title="Das Versprechen">
                Das Versprechen Online Lesen
            </a>
                            von
                                    <a href="/autor-baldacci-david-online-lesen-downloaden-kostenlos" title="David Baldacci">David Baldacci</a>
                                                                        <div class="rkl-b">
                <a href="/kostenlose-das-versprechen-1" title="Das Versprechen">
                    <img src="/i/de/rlesen.png" />
                </a>
            </div>
                    </div>
    </div>
        </div>
            </div>

<footer>
            <div class="inn">
                <div class="lf">
                    © Kostenlos Online Lesen                    2024                    support@kostenlosonlinelesen.net                </div>
                <div class="rg">
                    
                    <span id="wts1866490"> </span><script>
                        var wts=document.createElement('script');wts.type='text/javascript';
                        wts.async=true;wts.src='https://wts.one/3/1866490/log6_2.js';
                        document.getElementById('wts1866490').appendChild(wts);
                    </script><noscript><a href="https://www.web-stat.com">
                            <img src="https://wts.one/6/3/1866490.gif"
                                 alt="Web-Stat traffic analytics"></a></noscript>

<script type="text/javascript" >
                        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
                            m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
                        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

ym(53412301, "init", {
                            clickmap:true,
                            trackLinks:true,
                            accurateTrackBounce:true,
                            webvisor:true
                        });
                    </script>
                    <noscript><div><img src="https://mc.yandex.ru/watch/53412301" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
                    
                </div>
            </div>
        </footer>