Was ist eine HTML5-Eingabenummer? Detaillierte Einführung in den HTML5-Eingabetyp (internes Abhängigkeitsdiagramm)

Was ist eine HTML5-Eingabenummer? Detaillierte Einführung in den HTML5-Eingabetyp. In diesem Artikel wird ausführlich erläutert, was eine HTML5-Eingabenummer ist, wie sie verwendet wird, sowie eine Einführung in den HTML5-Eingabetyp und eine Beschreibung der Attributwerte.

Was sind die Eingabetypen des HTML5-Eingabetyps? ? :

Dieses Kapitel bietet eine umfassende Einführung in diese neuen Eingabetypen:

• E-Mail

• URL

• Zahl

• Bereich

• Datumsauswahl (Datum, Monat, Woche, Uhrzeit, Datum/Uhrzeit, datetime-local)

• Suche

• Farbe

HTML5-Eingabetyp – Zahl :

Der Zahlentyp wird für Eingabefelder verwendet, die numerische Werte enthalten sollen.

Der neue Zahleneingabetyp in HTML5 ruft die numerische Tastatur auf, wenn das Eingabefeld den Fokus erhält, was das Erlebnis verbessert. Allerdings ist es auf einigen Android-Geräten immer noch möglich, die Zeicheneingabe zu ändern, und Benutzer geben möglicherweise versehentlich nicht numerische Zeichen wie „+“ und „–“ ein. Nach dem Test ignoriert der Zahlentyp automatisch alphabetische Zeichen und andere nicht numerische Zeichen, mit Ausnahme der beiden Zeichen „+“, „-“ und „.“ die eingegeben werden können, da diese beiden Symbole für positive und negative Zahlen sind Dezimalstellen.

Ein weiterer Punkt des Zahlentyps besteht darin, dass der Wert des entsprechenden Dom-Elements leer ist, wenn der Inhalt im Eingabefeld keine reine Zahl (entweder positiv oder negativ) ist und der Inhalt einige Zeichen enthält ( "" ).

Sie können auch Grenzwerte für die akzeptierten Zahlen festlegen:

Beispiel:

Punkte:

Bitte verwenden Sie die folgenden Attribute, um das Limit für den Zahlentyp anzugeben:

Tipp: Im iPhone unterstützt Safari das Zahleneingabetyp und ändert die Touchscreen-Tastatur entsprechend (zur Anzeige von Zahlen).

HTML 5

Dies ist ein Beispiel:

Formular mit verschiedenen Eingabetypen:

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

Definition und Verwendung:

Das Typattribut gibt den Typ des Eingabeelements an.

Hinweis: Dieses Attribut ist nicht erforderlich, wir sind jedoch der Meinung, dass Sie es immer verwenden sollten.

Syntax:

Attributwert:

【Related Empfohlen】

Was sind die neuen Strukturelemente von HTML5? Verwendung neuer Strukturelemente in HTML5 (empfohlen)

Wozu dient das lang-Attribut in HTML? Was bewirkt das lang-Attribut in HTML?

Das obige ist der detaillierte Inhalt vonWas ist eine HTML5-Eingabenummer? Detaillierte Einführung in den HTML5-Eingabetyp (internes Abhängigkeitsdiagramm). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!