Informatică Dezvoltare web
Cum se face un formular HTML?
Un formular HTML este creat folosind elementul <form> care colectează date de la utilizatori, cum ar fi nume, email sau opțiuni. Acesta include controale precum <input>, <textarea> și <button>, iar datele pot fi trimise către un server pentru procesare. Exemplu: un formular simplu de contact are câmpuri pentru nume și mesaj, cu un buton de trimitere.
Elemente cheie pentru un formular HTML
- <form> Containerul principal; include atribute precum action (URL pentru trimitere) și method (GET sau POST).
- <input> Creează diferite tipuri de câmpuri: type="text" pentru text simplu, type="email" pentru email, type="submit" pentru butonul de trimitere.
- <label> Asociază un text descriptiv cu un câmp de input. Exemplu: <label for="nume">Nume:</label> <input id="nume">.
- <textarea> și <select> <textarea> pentru mesaje lungi, <select> pentru meniuri drop-down cu opțiuni.
Cum se face un formular simplu de contact
- 1 Pasul 1: Structura HTML de bază <form action="/submit" method="post"> <label for="nume">Nume:</label> <input type="text" id="nume" name="nume"> <br> <label for="email">Email:</label> <input type="email" id="email" name="email"> <br> <input type="submit" value="Trimite"> </form>
- 2 Pasul 2: Adaugă validare și stilizare Pentru validare, folosește atributul required: <input type="email" id="email" name="email" required>. Pentru stilizare, adaugă CSS: input { padding: 5px; margin: 5px; }.
- 3 Pasul 3: Testează formularul Deschide fișierul HTML în browser și completează câmpurile; apasă butonul de trimitere pentru a verifica funcționalitatea.
Asigură-te că toate câmpurile au etichete clare; testează formularul pe diferite browsere pentru compatibilitate.