Introducere în Web Development

Următoarele atribute pot fi folosite cu mai multe sau toate tipurile de câmpuri.

required

Reprezintă un câmp ce trebuie să aibă o valoare. Formularul nu ar trebui trimis dacă măcar un câmp cu atributul required este gol.

placeholder

Pentru input-urile de tip text (și derivate), și textarea, se poate defini un text ce apare atunci când valoarea este goală.

Din CSS, se poate personaliza acest text folosind ::placeholder.

form

Dacă vrem să atașăm unui formular (<form>) un element care nu se află înăuntrul său, putem da elementului atributul form și id-ul formularului ca valoare.

                    <form id="the-form"></form>

<button type="submit" form="the-form">Extern</button>
                

name

Atributul name este folosit pentru a serializa formularul. Dacă ne gândim că formularul va fi serializat ca obiect, name va fi cheia obiectului.

Dacă folosim o bibliotecă precum React, e posibil să nu mai avem nevoie de acest atribut. „Serializarea” formularelor se face cu totul altcumva.

disabled

Reprezintă un câmp dezactivat. Utilizatorul nu poate să editeze, și de obicei vede un câmp gri.

Un formular serializat corect nu ar trebui să includă valoarea unui câmp dezactivat.

readonly

Reprezintă un câmp ce nu poate fi editat. Dar poate fi inclus la serializarea formularului.