Zahleneingabe HTML

Manchmal beabsichtigen Sie beim Erstellen von Webformularen, nummerierte Daten zu sammeln. Das Tolle an HTML ist, dass es spezielle Tags zum Sammeln solcher Datenarten bereitstellt. Das nummerische Eingabe -Tag von HTML fällt unter die Kategorie solcher Tags, und in diesem Artikel werden wir versuchen, die Verwendung dieses HTML -Tags in der Tiefe zu untersuchen.

Was ist das Zahleneingabetag in HTML?

Mit dem Zahleneingangs -Tag in HTML können Sie eine nummerierte Eingabe eingeben. Diese Eingabe kann eine beliebige Zahl sein, einschließlich negativer und nicht negativer Ganzzahlen sowie „0“. Mit dem Zahleneingangs -Tag in HTML können Sie entweder die nummerierte Eingabe über die Tastatur eingeben oder aus der von diesem Tag bereitgestellten Liste ausgewählt werden. Darüber hinaus verfügt dieses Tag auch einige andere Attribute, die verwendet werden, um unterschiedliche Zwecke zu dienen. Beispiel. In ähnlicher Weise können Sie das Attribut „Schritt“ verwenden, um die Intervalle der Eingabe anzugeben. Um mehr darüber zu erfahren, wie das Zahleneingabetag in HTML funktioniert, müssen Sie die vorhergehenden Abschnitte dieses Artikels durchlaufen.

Verwendung des Zahleneingabetags in HTML:

Um die Verwendung des Zahleneingangs -Tags in HTML zu beherrschen, müssen Sie die folgenden zwei Beispiele verstehen:

Beispiel 1: Eingeben Sie das Alter zwischen einer bestimmten Grenze:

Wir werden dieses Beispiel so entwerfen, dass es in der Lage sein wird, das Alter eines Benutzers innerhalb des angegebenen Limits zu sammeln. Das von uns verwendete HTML -Skript wird im Bild unten angezeigt:

In diesem Beispiel haben wir das Etikett zuerst für unsere nummerierte Eingabe definiert, ich.e., Alter. Dann haben wir das Zahleneingangs -Tag verwendet, um die Altersgrenze zu definieren, die wir zwischen 15 und 30 behalten haben. Dies bedeutet, dass dieses HTML -Skript den Benutzer auffordert, in sein Alter einzugeben, aber das Alter muss zwischen 15 und 30 eingeschränkt sein. Außerdem haben wir diesem Skript eine Subitial -Schaltfläche hinzugefügt, damit es präsentierbarer aussieht.

Nach Ausführung des oben gezeigten HTML -Skripts wurde die folgende Webseite in unserem Browser angezeigt. Sie können sehen, dass uns ein Zahleneingangsfeld versehen wurde, in dem wir entweder eine bestimmte Zahl eingeben können, die mit unserer Tastatur im angegebenen Bereich liegt.

Das unten gezeigte Bild stellt ein zufällig ausgewähltes Alter dar:

Da die Mindestalterlimit 15 beträgt, können wir weder etwas darunter eingeben noch eine Nummer unter 15 auswählen, indem wir die Pfeile verwenden. Sobald wir die minimale Altersgrenze erreicht haben, wird diese Zahl automatisch hervorgehoben, wie im folgenden Bild gezeigt, was darauf hinweist, dass wir uns nicht unter diese Altersgrenze bewegen können.

In ähnlicher Weise dürfen wir auch nicht über die maximale Altersgrenze hinausgehen, was in diesem Fall „30“ ist. Dies wird in dem unten gezeigten Bild dargestellt:

Beispiel Nr. 2: Eingeben der Anzahl der Äpfel mit einem angegebenen Intervall:

In diesem Beispiel werden wir Ihnen ein neues Attribut vorstellen, das dem Zahleneingangs -Tag von HTML zugeordnet ist, i.e., Das Schrittattribut. Dieses Attribut wird verwendet, um die Intervalle anzugeben, mit denen Sie die nummerierte Eingabe erhöhen oder verringern möchten. Dazu haben wir das folgende HTML -Skript geschrieben:

In diesem Beispiel wollten wir, dass der Benutzer die Anzahl der Äpfel eingibt, die er/sie in Kilogramm in Vielfachen von „2“ wollte.e., Er/sie kann 2, 4, 6, 8 und so weiter betreten. Um diese Funktionalität zu erreichen, haben wir das Attribut „Schritt“ mit dem Tag -Tag -Tag angegeben und seinen Wert als „2“ behalten.

Bei der Ausführung dieses Skripts wurde uns die im Bild unten gezeigte Webseite präsentiert:

Das folgende Bild zeigt, dass wir 6 Kilogramm Äpfel ausgewählt haben:

In diesem Beispiel haben wir jedoch keine untere oder obere Grenze definiert, da der Benutzer möglicherweise eine negative Zahl auswählt (die technisch gesehen ungültig wäre), wie im folgenden Bild gezeigt:

Um dies zu verhindern, werden wir das obige Skript leicht ändern, indem wir das Attribut „min“ verwenden, um anzugeben, dass die minimale Menge an Äpfeln nicht weniger als 2 Kilogramm betragen kann, wie im folgenden Bild gezeigt:

Als wir unser HTML -Skript nach dieser Änderung ausführten, durften wir nicht unter 2 Kilogramm gehen, wie im Bild unten gezeigt:

Abschluss:

Durch diesen Artikel wollten wir unsere Leser die Verwendung des Zahleneingangs -Tags übergeben. Wir haben zuerst ein grundlegendes Verständnis dieses Tags entwickelt, indem wir einige der damit verbundenen Attribute diskutierten. Danach haben wir die Verwendung dieses Tags mit Hilfe von zwei relevanten Beispielen erläutert. Sobald Sie diesen Leitfaden durchlaufen haben, werden Sie klar verstehen, wie das Zahleneingabetag in HTML funktioniert.