Najlepszy samouczek HTML5 Właściwości formularza W 2024 r. W tym samouczku możesz dowiedzieć się Właściwości HTML5 nowej formie,<Form> / <input> atrybut autouzupełnianie,Przykłady,<Form> Nieruchomość novalidate,Przykłady,<Input> atrybut autofocus,Przykłady,<Input> właściwości formularza,Przykłady,<Input> Nieruchomość formaction,Przykłady,<Input> Nieruchomość formenctype,Przykłady,<Input> Nieruchomość formmethod,Przykłady,<Input> Nieruchomość formnovalidate,Przykłady,<Input> Nieruchomość formtarget,Przykłady,<input> wysokość i szerokość atrybuty,Przykłady,<input> właściwości listy,Przykłady,<Input> MIN i MAX atrybuty,Przykłady,<input> wiele właściwości,Przykłady,<Input> Nieruchomość wzór,Przykłady,<Input> atrybut zastępczy,Przykłady,<Input> wymagany atrybut,Przykłady,<input> atrybuty step,Przykłady,HTML5 <input> tag,
HTML5 w <form> i <input> tag dodaje kilka nowych właściwości.
<form> nowe atrybuty:
<input> Nowe właściwości:
autouzupełnianie atrybut określa pole formularza lub wejście powinien mieć autouzupełniania.
Gdy użytkownicy rozpocząć wpisywanie w polu autouzupełniania, przeglądarka powinna wyświetlić opcje do wypełnienia w tej dziedzinie.
przypisująautouzupełniania możliwe elementem formularza jest włączone, a następnie w elemencie wejściowego jest wyłączony: Tip.
Uwaga: autouzupełnianie zastosowanie <form> tag oraz następujące rodzaje <input> tagu: tekst, wyszukiwanie, url, telefon , e-mail, hasło, datepickers, zakres i koloru.
Formularz HTML na otwartym autouzupełniania (a autouzupełnianie pola wejście wyłączające):
Wskazówka: Niektóre przeglądarki, być może trzeba włączyć funkcję autouzupełniania w celu odebrania nieruchomości.
Właściwość logiczna właściwość novalidate.
atrybut novalidate określa podczas składania formularza nie powinno zatwierdzić formularz wejście lub domenę.
Bez składania formularza weryfikacji danych
atrybut autofocus jest atrybutem logiczna.
atrybut autofocus określa, kiedy strona się ładuje, domena automatycznie otrzymywać ostrość.
Niech "Imię" pole wprowadzania wprowadzić ostrość auto na stronie obciążenia:
atrybut określa pole wejściowe Formularz należy do jednej lub kilku formach.
Wskazówka: Aby wymienić więcej niż jedną postać, użyj listę oddzielonych spacjami.
Znajduje się w postaci formularza zewnętrznym polu wprowadzania odnosi się do postaci HTML (forma jest jeszcze wejście formą wpisuje się):
Nieruchomość formaction jest używany do określenia adresu URL składania formularza.
Formaction atrybutów override <form> elementu w atrybucie akcji.
Uwaga: formaction atrybutu type = "submit" oraz type = "image".
HtmlForm złożyć następujące Formularz zawiera przycisk dwa różne adresy:
formenctype atrybut opisuje formularz jest przesyłany do kodowania danych serwera (tylko dla metody Postaci = "post" forma)
formenctype nadpisania właściwości enctype atrybutów elementów formularza.
Główne: Tego typu atrybut = "submit" oraz type = "obraz" użyte w połączeniu.
Przycisk najpierw przesłać do wysyłania danych formularza jest kodowana domyślnie sekundy przycisk Prześlij do "wieloczęściowy / form-data" format kodowania danych, aby wysłać formularz:
atrybut formmethod określa sposób składania formularza.
Obiekt formmethod obejmujące <form> atrybutu metody elementu.
Uwaga: Ten atrybut może być używany z type = "submit" oraz type = "obraz" użyte w połączeniu.
Redefine złożenie formularza Tytułem przykładu:
Obiekt novalidate jest właściwość logiczna.
atrybut novalidate opisuje <input> elementy nie muszą być weryfikowane, gdy formularz jest składany.
formnovalidate atrybuty zastępują novalidate atrybut <form> element.
Uwaga: formnovalidate typu atrybut = "submit do użytku z
Dwa przyciski przesłać formularz (nie dotyczy z weryfikacją):
atrybut formtarget określa nazwę lub słowo kluczowe, aby wskazać otrzymane dane wyświetlane po przesłaniu formularza.
W formtarget nadpisania właściwości <form> atrybutu target elementu.
Uwaga: formtarget typu atrybut = "submit" oraz type = "obraz" użyte w połączeniu.
Dwa przyciski przesłać formularz wyświetlany w różnych oknach:
wysokość i szerokość atrybuty określone dla danego typu obrazu <input> wysokość i szerokość obrazu tag.
Uwaga: Właściwości wysokośći szerokość mają zastosowanie tylko do typu obrazu znacznika <input>.
Wskazówka: Obraz zazwyczaj określić wysokość i szerokość atrybuty.Jeśli obraz ustawić wysokość i szerokość przestrzeni wymaganej dla obrazu po załadowaniu strony zostaną zachowane. Bez tych cech, przeglądarka nie zna rozmiaru obrazu i nie można uchylić odpowiednią przestrzeń. Zdjęcia podczas procesu ładowania wpłynie zmiana układu strony (choć obraz został załadowany).
Definiuje obraz przycisk Prześlij, użyj wysokość i atrybuty width:
datalist atrybut określa listę pól wejściowych. datalist jest lista opcji dla pól wejściowych.
Predefiniowane w <datalist> w <input> wartości:
min, max, a atrybuty step służą jako typy wejściowych zawierających cyfry lub termin Limited (ograniczenia).
Uwaga: min, max, a atrybuty krok zastosowanie do następujących typów <input> tag: Data zbieraczy, liczby i zakresu.
<Input> elementy minimalnymi i maksymalnymi ustawieniami:
stwardnienie atrybut jest atrybutem logiczna.
wielokrotne określa atrybut <input> elementów, aby wybrać wiele wartości.
Uwaga: wiele właściwości zastosowanie do następujących typów <input> Tag: e-mail i pliku:
atrybut wzór opisuje wyrażenie regularne używane do sprawdzania poprawności wartości <input> elementów.
Uwaga: atrybut wzórma zastosowanie do następujących typów <input> tagu: tekst, wyszukiwanie, url, tel , e-mail i hasło.
Wskazówka: Służy do globalnego tytułowej atrybutu opisuje tryb.
Wskazówka: Można w naszym poradniku JavaScript , aby dowiedzieć się o treści wyrażenia regularnego
Poniższy przykład pokazuje trzy litery zawierać tylko pole tekstowe (bez cyfry lub znaki specjalne):
atrybut zastępczy stanowi wskazówkę (wskazówka), opisać oczekiwaną wartość pola wejściowego.
Krótkie przypomnienie zostanie wyświetlona w polu wejściowym przed wartością wprowadzania danych przez użytkownika.
Uwaga: atrybut zastępczyma zastosowanie do następujących typów <input> tagu: tekst, wyszukiwanie, url, telefon , e-mail i hasło.
pole wprowadzania tekstu wiersza t:
Wymagany atrybut jest atrybutem logiczna.
Wymagany atrybut określa, że pole wejściowe muszą być wypełnione (nie jest pusty) przed złożeniem.
Uwaga: wymagane atrybuty dla następujących typów <input> tagu: tekst, wyszukiwanie, url, telefon , e-mail, hasło, data, numer, zbieraczy checkbox, radio i pliku.
Nie pustych pól wejściowych można:
atrybut krok dla pola wejściowego określa prawne interwałów numerycznych.
Jeśli krok = "3", numery prawne mogą być -3,0,3,6 itp
Wskazówka: atrybut krokmoże stworzyć regionalną wartością maksymalną i minimalną atrybutów.
Uwaga: liczba, zakres, datę, datetime: Krok rodzajów stosowanych w połączeniu z następujących typów atrybutów , datetime-local, miesiąc, raz na tydzień.
Z góry określony krok po wejście 3:
标签 | 描述 |
---|---|
<form> | 定义一个form表单 |
<input> | 定义一个 input 域 |