So setzen Sie die HTML -Texteingabe, um nur numerische Eingaben zu ermöglichen

So setzen Sie die HTML -Texteingabe, um nur numerische Eingaben zu ermöglichen
In HTML sind die Eingabefelder ein wichtiger Bestandteil der Formularelemente, mit denen Eingaben von Benutzern abgerufen oder Daten eingefügt werden können. Genauer gesagt eine “"Element mit dem Typ"Text”Ermöglicht Ihnen, eine beliebige Kombination aus Buchstaben, Zahlen oder Symbolen einzugeben. Darüber hinaus kann der Benutzer das Eingabefeld so einschränken, dass nur bestimmte Werte hinzugefügt werden, z. B. “Numerische Werte","Positive Werte", Und Alphabetische Werte”.

In diesem Tutorial wird die Prozedur zum Einstellen der HTML -Texteingabe angezeigt, damit nur numerische Eingaben eingebracht werden können.

So setzen Sie die HTML -Texteingabe, um nur numerische Eingaben zu ermöglichen?

Der Eingangstyp “numerisch”Ermöglicht nur das Eingeben der numerischen Daten. Um die Texteingabe einzuschränken, um nur Daten in Zahlenformular einzugeben, befolgen Sie die folgenden Anweisungen.

Schritt 1: Überschrift einfügen

Fügen Sie zunächst eine Überschrift mit einer beliebigen “ein“

" zum "
ӆberschrift Tag. Zum Beispiel haben wir das verwendet

”Tag zum Hinzufügen einer Überschrift Level One.

Schritt 2: Erstellen Sie einen Div -Container

Erstellen Sie als nächstes ein "Div" -Element mit Hilfe des "”Tag und zuweisen Sie es ein Klassenattribut.

Schritt 3: Erstellen Sie ein Formular

Erstellen Sie danach ein HTML -Formular mit der “" Element. Fügen Sie danach das folgende Element zwischen die "" -Tags ein:

  • Ergänzen Sie die "”Tag, um mehrere Elemente zu gruppieren.
  • “”HTML -Element repräsentiert eine Bildunterschrift für ein Element
  • Der "Das Tag wird zum Erstellen interaktiver Steuerelemente für webbasierte Formulare verwendet, um Eingaben von den Benutzern zu akzeptieren.
  • TypIst ein Attribut, das zum Definieren des Typelements in einer Form verwendet wird. Um nur die numerischen Daten in das Textfeld einzugeben, wird hier der Typ als “festgelegtNummer”.
  • Schritt"Attribut wird verwendet, um das Intervall in die /erlaubten /rechtlichen Zahlen in einem" anzugeben "" Element
  • erforderlichIst ein boolescher Attribut. Es beschränkt die Benutzer daran, einige Daten in das Eingabebuch einzugeben.
  • Name”Wird verwendet, um den Namen eines Elements anzugeben.
  • Fügen Sie am Ende eine Schaltfläche mit dem Eingabetyp hinzueinreichen”.

  • ”Wird als Linienbrecher verwendet:

Daten in Form eingeben

















Ausgang

Schritt 4: Stilüberschrift Element

Greifen Sie zunächst mit Hilfe des Tag -Namens auf das Überschriftenelement zu, um die Überschrift zu stylen. “H1”:

H1
Text-Align: Mitte;

Dann wenden Sie die “an“TextausrichtungEigenschaft zum Festlegen der Ausrichtung des Überschriftentextes. Zu diesem Zweck haben wir den Wert als “festgelegt“Center”Für die Ausrichtung der Mitte.

Schritt 5: Stil „Div“ Element

Als nächstes greifen Sie auf die “zu"div"Element mit der zugewiesenen Klasse".InhaltUnd wenden Sie die genannten CSS -Eigenschaften an:

.Inhalt
Rand: 20px 100px;
Hintergrundfarbe: Blanchedalmond;

Hier:

  • Rand”Zuweist einen Raum außerhalb des Elements.
  • HintergrundfarbeEigenschaft wird verwendet, um die Farbe der Rückseite des Elements zu definieren.

Ausgang

Das dreht sich darum, HTML -Texteingaben einzustellen, damit nur numerische Daten.

Abschluss

Um die HTML -Texteingabe einzustellen, um nur numerische Eingaben zu ermöglichen, erstellen Sie ein HTML -Formular mit der “" Element. Als nächstes verwenden Sie die “"Elemente zusammen mit dem"Typ”Attribut und geben Sie seinen Wert als“ annumerisch”, Damit Benutzer nur numerische Daten eingeben können. Diese Beschreibung hat Ihnen beigebracht, wie Sie die HTML-Texteingabe festlegen, um nur numerische Daten zuzulassen.