HTML Elementele formularului

Acest capitol descrie toate elementele de formular HTML.

<input> Element

Cel mai important element formular este <input> element.

<input> Elementul poate varia în mai multe moduri, în funcție de type de atribut.

<select> Element (Drop-Down List)

<select> elementul definește o listă drop - down:

<option> elemente definește opțiunile pentru a selecta.

Lista va arăta în mod normal, primul element ca selectat.

Puteți adăuga un atribut selectat pentru a defini o opțiune predefinită.

<textarea> Element

<textarea> Elementul definește un câmp de introducere multi-linie ( a text area ) de ( a text area ) :

Acesta este modul în care codul HTML de mai sus va fi afișat într-un browser:

<button> Element

<button> Element definește intermediul unui buton:

Acesta este modul în care codul HTML de mai sus va fi afișat într-un browser:

HTML5 Forma Elemente

HTML5 a adăugat următoarele elemente de formular:

• <datalist>
• <keygen>
• <output>

	În mod implicit, browserele nu se afișează elemente necunoscute. Elemente noi nu va distruge pagina ta.

HTML5 <datalist> Element

<datalist> elementul indică o listă de opțiuni predefinite pentru un <input> Element.

Utilizatorii vor vedea o listă derulantă de opțiuni predefinite, deoarece datele de intrare.

list atribut al <input> elementul, trebuie să se refere la id atributul <datalist> element.

Exemplu

Un <input> Element cu valori predefinite în <datalist> :

<form action="action_page.php">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>

Încearcă - l singur »

HTML5 <keygen> Element

Scopul <keygen> element este de a oferi o modalitate sigură de a autentifica utilizatorii.

<keygen> Elementul specifica un câmp generator cheie pereche într - o formă.

Atunci când formularul este trimis, două chei sunt generate, una privată și una publică.

Cheia privată este stocată local, iar cheia publică este trimisă la server.

Cheia publică poate fi utilizată pentru a genera un certificat de client pentru a autentifica utilizatorul în viitor.

Exemplu

Un formular cu un câmp keygen:

<form action="action_page.php">
  Username: <input type="text" name="user">
  Encryption: <keygen name="security">
  <input type="submit">
</form>

Încearcă - l singur »

HTML5 <output> Element

<output> Element reprezintă rezultatul unui calcul (ca unul efectuat de un script).

Exemplu

Efectuați un calcul și arată rezultatul într - un <output> Element:

<form action="action_page.asp"
  oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  0
  <input type="range"  id="a" name="a" value="50">
  100 +
  <input type="number" id="b" name="b" value="50">
  =
  <output name="x" for="a b"></output>
  <br><br>
  <input type="submit">
</form>

Încearcă - l singur »

Testați-te cu exerciții!

Exercițiul 1 » Exercițiul 2» Exercițiul 3 »

Formular HTML Elemente

= Nou în HTML5.