0602:

<form> opakowuje formularz

• action= "url://toSend"
• method= "get" (domyślnie)
• method= "post"
• enctype=""
  • application/x-www-form-urlencoded domyślnie
  • multipart/form-data używamy, kiedy wysyłamy pliki

<input> odpowiada za wprowadzanie danych

• name= "nazwaPola" identyfikator pola/zmienna
• id= "idPola" (używany do odniesienia się do label for=””)
• value= "wartość" wartość początkowa
• placeholder= "Tekst podpowiedzi" pojawia się gdy pole jest puste

<label> służy do opisywania pola

• for="idPola" odniesienie się do ID w znaczniku <input>

<fieldset> <legend> ramka na inputy

<fieldset>
  <legend>Inputs</legend>
</fieldset>

• checked input z tym atrybutem domyślenie będzie zaznaczony
• type= "checkbox" pozwala na zaznaczenie więcej niż jednej odpowiedzi

type=""

• text tekst
• radio pozwala na zaznaczenie tylko jednej odpowiedzi - jeśli name w inpucie będzie taki sam to wybrać można jedynie jedną wartosć, radiobuttony grupujemy za pomocą atrybutu name
• checkbox pozwala na zaznaczenie więcej niż jednej odpowiedzi
• number
• tel
• email
• range

    <input type="range" min="0" max="100" step="5">
  

• password

<select> <option> domyślnie zaznaczoa jest opcja 1

<select name="select" id="selectId">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

<textarea> wprowadzanie większego tekstu

<input type= "submit"> wysłanie formularza

Walidacja:

required pole wymagane

pattern= "[a-zA-Z0-9]+" wyrażenie regularne LINK