HTML

Znacznik	Co robi?
<form>	Tworzy nowy formularz
<input type=" ">	Wyświetla jednowierszowe pole wprowadzania: tekstu (text) jednokrotnego wyboru (radio) wielokrotnego wyboru (checkbox) przycisku (button) przycisku wysyłania (submit) daty (date) pliku (file)
<label for=" ">	Etykieta dla danego inputa. W cudzysłowiach podajemy id inputa
<form method=" ">	Dane formularza mogą być wysyłane jako zmienne URL (za pomocą method="get") lub jako transakcja post HTTP (za pomocą method="post")
<select>	Lista rozwijalna do wyboru
<textarea>	Wielowierszowe pole tekstowe

Znacznik <input type=" "> może przyjmować także wartości takie jak:

email
image
month
number
password
reset
search
tel
time
url
week

CSS

STYLOWANIE PÓL WEJŚCIOWYCH

Definicja: Użyj właściwości width, aby określić szerokość pola wejściowego.

Przykład:

Kod: #input1 {width: 95%;}

Powyższy przykład dotyczy wszystkich elementów <input>. Jeśli chcesz nadać styl tylko określonemu typowi danych wejściowych, możesz użyć selektorów atrybutów:

input[type=text] - zaznaczy tylko pola tekstowe
input[type=password] - wybierze tylko pola hasła
input[type=number] - wybierze tylko pola liczbowe
itp...

WEJŚCIA USZTYWNIANE

Definicja: Użyj właściwości padding, aby dodać przestrzeń wewnątrz pola tekstowego.

Przykład:

Kod: #input2 {padding: 12px 20px;}

OBRAMOWANIE WEJŚCIA

Definicja: Użyj właściwości border, aby zmienić rozmiar i kolor obramowania oraz użyj właściwości border-radius, aby dodać zaokrąglone rogi.

Przykład:

Kod: #input3 {border: 2px solid red; border-radius: 4px;}

KOLOROWE WEJŚCIA

Definicja: Użyj właściwości background-color, aby dodać kolor tła do danych wejściowych i właściwości color, aby zmienić kolor tekstu.

Przykład:

Kod: #input4 {background-color: #3CBC8D; color: white;}