|
autocomplete ( on | off )
<input type="tekst" name="imie" autocomplete="on">
|
Określa czy przeglądarka może uzupełnić formularz danymi, które użytkownik wpisał wcześniej. Działa z kontrolkami: text, search, url, tel, email, password, datepickers, range i color oraz form
|
|
novalidate
<form action="/action_page.php" novalidate>
…
</form>
|
Określa czy przeglądarka może sprawdzić dane wpisane przez użytkownika przed wysłaniem formularza
|
|
autofocus
<input type="tekst" name="imie" autofocus>
|
Określa, w którym polu będzie pierwsze aktywne (będzie się znajdował kursor) po załadowaniu strony
|
|
form
<form action="/action_page.php" id="form1">
…
</form>
<input type="tekst" name="imie" form="form1">
|
Określa, że dane pole poza formularzem jest częścią tego formularza
|
|
formaction
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit"><br>
<input type="submit" formaction="/action_page2.php"
value="Submit as admin">
</form>
|
Atrybut nadpisuje atrybut action znacznika form. Czasem jest potrzeba aby dwa różne guziki wysyłania formularza, wysyłały formularz w do dwóch różnych skryptów.
Używany tylko z type=”submit” i type=”image”
|
|
formenctype
<form action="/action_page_binary.asp" method="post">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
<input type="submit" formenctype="multipart/form-data"
value="Submit as Multipart/form-data">
</form>
|
Atrybut nadpisuje atrybut enctype znacznika form.
Używany tylko z type=”submit” i type=”image”
|
|
formmethod
<form action="/action_page.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
<input type="submit" formmethod="post" value="Submit using POST">
</form>
|
Atrybut nadpisuje atrybut method znacznika form.
Używany tylko z type=”submit” i type=”image”
|
|
formnovalidate
<form action="/action_page.php">
E-mail: <input type="email" name="userid"><br>
<input type="submit" value="Submit"><br>
<input type="submit" formnovalidate
value="Submit without validation">
</form>
|
Atrybut nadpisuje atrybut novalidate znacznika form.
Używany tylko z type=”submit”.
|
|
formtarget
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit as normal">
<input type="submit" formtarget="_blank" value="Submit to a new window">
</form>
|
Atrybut nadpisuje atrybut target znacznika form.
Używany tylko z type=”submit” i type=”image”.
|
|
height oraz width
<input type="image" src="/img_submit.gif" alt="Submit" width="48" height="48">
|
Określa wysokość i szerokość grafiki. Należy zawsze określić wielkość grafiki. W innym przypadku strona będzie nam skakać, pływać.
|
|
min oraz max
Enter a date before 1980-01-01:
<input type="date" name="bday" max="1979-12-31">
Enter a date after 2000-01-01:
<input type="date" name="bday" min="2000-01-02">
Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5">
|
Określa minimalną i maksymalną wartość jaką może przyjąć wartość w input.
Działa z number, range, date, datetime-local, month, time oraz week.
|
|
multiple
Select images: <input type="file" name="img" multiple>
|
Określa czy użytkownik może podać więcej niż jedną wartość. Działa z email oraz file.
|
|
pattern
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="Three letter country code">
|
Określa w jaki sposób sprawdzić czy dane, króre wpisał użytkownik są prawidłowe. Używa się do tego wyrażeń regularnych.
Działa z text, search, url, tel, email oraz password
|
|
placeholder
<input type="text" name="fname" placeholder="First name">
|
Określa tekst, który będzie się wyświetlał przed tym co użytkownik wpisze. Działa z text, search, url, tel, email oraz password.
|
|
required
Username: <input type="text" name="usrname" required>
|
Określa czy dane pole musi być wypełnione przed wysłaniem formularza. Działa z text, search, url, tel, email, password, date pickers, number, checkbox, radio oraz file.
|
|
step
<input type="number" name="points" step="3">
|
Określa skok o jaki należy zwiększyć zmienną w kontrolce
|
