HTML Tipuri Input. Tipul de intrare search. Tipul de intrare tel. Tipul de intrare time. Tipul de intrare url.

Susține Lectii-Virtuale!

Tipul de intrare search (Input Type Search)

<input type="search"> este folosit pentru câmpurile de căutare (un câmp de căutare se comportă ca un câmp de text obișnuit).

Exemplu:

<form>
  Căutați pe Google:
  <input type="search" name="googlesearch">
</form>

Tipul de intrare tel (Input Type Tel)

<input type="tel"> este utilizat pentru câmpurile de introducere care ar trebui să conțină un număr de telefon.

Exemplu:

<form>
  Telefon:
  <input type="tel" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
</form>

Tipul de intrare time (Input Type Time)

<input type="time"> permite utilizatorului să selecteze o oră (fără fus orar).
În funcție de suportul browserului, un câmp de timp poate apărea în câmpul de introducere.

Exemplu:

<form>
  Selectați o oră:
  <input type="time" name="usr_time">
</form>

Tipul de intrare url (Input Type Url)

<input type="url"> este utilizat pentru câmpurile de intrare care ar trebui să conțină o adresă URL.  
În funcție de suportul browserului, câmpul URL poate fi validat automat atunci când este trimis.
Unele smartphone-uri recunosc tipul url și adaugă „.com” la tastatură pentru a se potrivi cu intrarea url-ului.

Exemplu:

<form>
  Adăugați pagina dvs. de pornire:
  <input type="url" name="homepage">
</form>