Neues Formular-Elemente in HTML5

HTML5 bietet eine Reihe von neuen Formularelemente mit neuen Fähigkeiten. Eine bemerkenswerte Teil dieser Formelemente ist so konzipiert, ein Programm zu lassen dynamisch einen Teil der Seite zu ändern.

Hier sind die neuen Formularelemente und was kann man mit ihnen tun:

  • DataList- können Sie eine Liste von Vorschlägen zu einem Texteingabeelement zu befestigen. Sobald der Benutzer das Textfeld eingeben beginnt, erscheint die Liste der Vorschläge und der Benutzer von den Vorschlägen mit der Maus auswählen können. Beispielcode für ein Namensfeld:

    Opera ist derzeit der einzige Browser, der diese Elemente unterstützt, obwohl Sie das Element im Inneren des verwenden können DataList- Objekt nicht unterstützende Browser den Code angezeigt zu bekommen.

  • Meter zeigt einen numerischen Wert, der in einen Bereich fällt. Der Tag unterstützt eine Reihe von Attributen:

  • Wert: Wenn Sie keinen Wert, der erste numerische Wert innerhalb des Paares angeben, wird der Wert.

  • max: Der maximal mögliche Wert des Artikels.

  • min: Die minimal mögliche Wert des Artikels.

  • hoch: Wenn der Wert als ein Bereich definiert werden, ist dies das hohe Ende des Bereichs.

  • niedrig: Wenn der Wert als ein Bereich definiert ist, ist dies das untere Ende dieses Bereichs.

  • Optimum: Der optimale Wert des Elements.

Das Wert, hoch, niedrig, und Optimum Werte sollten alle zwischen sein min und max.

Beachten Sie, dass die Meter Element wird verwendet, um Ausgabe ein numerisches Element. Benutzen "Angebot"> für numerische Eingaben innerhalb eines Bereichs.

Hier ist der Code für eine einfache Meter Angebot:

EIN

  • Ausgabesoll Textausgabe angezeigt werden soll. Es gibt einen Abschnitt der Seite, die von einem Skript geändert werden kann (in der Regel javascript). In diesem Codefragment:

    Dies ist der ursprüngliche Wert

    Wenn die Taste gedrückt wird, wird es das nennen changeOutput () javascript-Funktion, die wie folgt aussehen könnte:

     Funktion changeOutput () {var myOutput = document.getElementById ( "myOutput") - myOutput.value = "Der Wert hat sich geändert" -} // end changeOutput

    Wenn diese Funktion ausgeführt wird, ändert sich der Inhalt myOutput.

    Das Ausgabe Element wird derzeit nur von Opera unterstützt. Bis Verwendung dieses Elements weiter verbreitet wird, können Sie mit dem innerHTML- Attribut von jedem Seitenelement seinen Inhalt dynamisch durch den Code ändern.

  • gibt an, wie viel von einer Aufgabe (oft als Prozentsatz markiert) abgeschlossen ist. Es wird erwartet, dass durch javascript-Code geändert werden. Der HTML5-Code kann wie folgt aussehen:

    Jetzt zerstören die Welt. 
    Fortschritt:

    Die meisten Browser zeigen den Fortschritt im Klartext, aber es ist sinnvoll eine Art Sichtlehre anzunehmen, verfügbar werden.

    • Die aktuelle HTML5 enthält auch eine keygen Element, das für die Weitergabe von verschlüsselten Daten an einen Server einen Verschlüsselungsschlüssel erzeugt. Es hat eine folgende Parameter:

    • Schlüsselart: Gibt die Art der Verschlüsselung. (rsa ist Standard.)

    • Herausforderung: Ein String mit dem öffentlichen Schlüssel übergeben zusammen. (Dies wird normalerweise durch den Server angegeben.)

    Allerdings halten einige Sicherheitsexperten der Verschlüsselungsmechanismus bereits veraltet, und die Verwendung des Werkzeugs erfordert die Kenntnis der Verschlüsselung, die eine relativ kleine Anzahl von Web-Entwickler besitzen. Dieses Element ist derzeit nicht in jedem Browser unterstützt werden, und es kann nicht ein Teil des Standard geworden.

    Ähnliche

    Menü