W HTML pola wejściowe są ważną częścią elementów formularzy używanych do uzyskania danych wejściowych od użytkowników lub do wstawienia danych. Mówiąc dokładniej, „„Element z typem„tekst„Pozwala na wprowadzenie dowolnej kombinacji liter, cyfr lub symboli. Ponadto użytkownik może ograniczyć pole wejściowe, aby dodać tylko określone wartości, takie jak „wartości liczbowe”,„wartości dodatnie", I Wartości alfabetyczne".

W tym samouczku zademonstruje procedurę ustawiania wejścia tekstu HTML, aby umożliwić tylko wejście numeryczne.

Jak ustawić wejście tekstowe HTML, aby umożliwić tylko wejście numeryczne?

Typ wejściowy „numeryczne”Umożliwia tylko wprowadzenie danych numerycznych. Aby ograniczyć wprowadzanie tekstu do wprowadzania tylko danych w formularzu liczbowym, postępuj zgodnie.

Krok 1: Wstaw nagłówek

Najpierw wstaw nagłówek za pomocą dowolnego „

" do "

„Tag nagłówka. Na przykład użyliśmy „

”Tag, aby dodać nagłówek poziomu pierwszego poziomu.

Krok 2: Utwórz pojemnik „Div”

Następnie utwórz element „div” za pomocą „”Tag i przypisz to atrybut klasowy.

Krok 3: Utwórz formularz

Następnie utwórz formularz HTML za pomocą „" element. Następnie wstaw następujący element pomiędzy tagami „”:

• Dodaj "”Tag do grupowania kilku elementów.
• "„Element HTML reprezentuje podpis dla elementu
• „„”Tag służy do tworzenia interaktywnych elementów sterujących formularzy internetowych do akceptowania danych wejściowych od użytkowników.
• "typ”Jest atrybutem wykorzystywanym do definiowania elementu typu w formie. Aby wprowadzić tylko dane liczbowe w polu tekstowym, typ typu jest ustawiony jako „numer".
• "krok„Atrybut jest używany do określenia interwału w liczbach /dozwolonych /prawnych w„" element
• "wymagany”Jest atrybutem boolowskim. Ogranicza użytkowników przed wprowadzeniem niektórych danych w polu wejściowym.
• "nazwa”Jest wykorzystywany do określenia nazwy elementu.
• W końcu dodaj przycisk za pomocą typu wejściowego „składać".
• "
  ”Jest używany jako wyłącznik linii:

Wprowadź dane w formie

Wpisz swój wiek:



Wprowadź doświadczenie zawodowe:



Składać:

Wyjście

Krok 4: Element nagłówka stylu

Aby stylizować nagłówek, najpierw uzyskać dostęp do elementu nagłówka za pomocą nazwy znacznika ”H1”:

H1
Text-Align: Center;

Następnie zastosuj „tekst-align„Właściwość do ustawiania wyrównania tekstu nagłówka. W tym celu ustaliliśmy wartość jako „Centrum„W celu wyrównania centrum.

Krok 5: Element „Div” stylu

Następnie dostęp do „div”Element za pomocą przypisanej klasy„.treść”I zastosuj wspomniane właściwości CSS:

.treść
Margines: 20px 100px;
kolor tła: Blanchedalmond;

Tutaj:

• "margines„Przydziela przestrzeń poza elementem.
• "kolor tła„Właściwość służy do zdefiniowania koloru tyłu elementu.

Wyjście

Chodzi o ustawienie wprowadzania tekstu HTML, aby umożliwić tylko dane liczbowe.

Wniosek

Aby ustawić wejście tekstowe HTML, aby umożliwić tylko wejście numeryczne, utwórz formularz HTML za pomocą „" element. Następnie skorzystaj z „„Elementy wraz z„typ”Atrybut i określ jej wartość jako„numeryczne”, Który pozwala użytkownikom wprowadzać tylko dane numeryczne. Ten zapis nauczył cię, jak ustawić wejście tekstowe HTML, aby umożliwić tylko dane liczbowe.