HTML Tipuri Input. Tipuri de intrare HTML5. Tip intrare color. Tip de intrare date.

Susține Lectii-Virtuale!

Tipuri de intrare HTML5 (HTML5 Input Types)

HTML5 a adăugat mai multe tipuri noi de intrare:

• color
• date
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

Noile tipuri de intrare care nu sunt acceptate de browserele web mai vechi, se vor comporta ca <input type = "text">.

Tip intrare color (Input Type Color)

<input type="color"> este utilizat pentru câmpurile de introducere care ar trebui să conțină o culoare.
În funcție de suportul browserului, un câmp de culoare poate apărea în câmpul de introducere.

Exemplu:

<form>
    Selectați culoarea preferată:
  <input type="color" name="favcolor">
</form>

Tip de intrare date (Input Type Date)

 <input type="date"> este utilizat pentru câmpurile de introducere care ar trebui să conțină o dată.
În funcție de asistența browserului, un selector de date poate apărea în câmpul de introducere.

Exemplu:

<form>
   Zi de nastere:
  <input type="date" name="bday">
</form>

De asemenea, puteți utiliza atributele min și max pentru a adăuga restricții la date:

Exemplu:

<form>
  Introduceți o dată înainte de 1980-01-01:
  <input type="date" name="bday" max="1979-12-31"><br>
  Introduceți o dată după 2000-01-01:
  <input type="date" name="bday" min="2000-01-02"><br>
</form>