Informatică Dezvoltare web
Cum fac un formular de contact HTML?
Pentru a crea un formular de contact în HTML, folosești tagul <form> cu elemente de input precum <input> pentru nume și email, <textarea> pentru mesaj și <button> pentru trimitere. De exemplu, <form action="mailto:exemplu@email.com" method="post"> definește un formular care trimite datele prin email. Acest formular nu are validare încorporată, ci doar colectează datele.
Pasi pentru crearea formularului
- 1 Începe cu tagul <form> Scrie <form action="URL" method="post">, unde action specifică unde se trimit datele, cum ar fi un script PHP sau mailto: pentru email.
- 2 Adaugă câmpuri de input Folosește <input type="text" name="nume" placeholder="Numele tău"> pentru nume și <input type="email" name="email" placeholder="Email"> pentru adresa de email.
- 3 Includere textarea pentru mesaj Adaugă <textarea name="mesaj" rows="4" cols="50" placeholder="Mesajul tău"></textarea> pentru a permite utilizatorului să scrie un mesaj lung.
- 4 Adaugă butonul de trimitere Folosește <button type="submit">Trimite</button> sau <input type="submit" value="Trimite"> pentru a permite trimiterea formularului.
- 5 Închide formularul Adaugă </form> la sfârșit pentru a închide structura formularului.
Exemplu complet
- Cod HTML <form action="mailto:contact@site.com" method="post" enctype="text/plain"> <label>Nume: <input type="text" name="nume"></label><br> <label>Email: <input type="email" name="email"></label><br> <label>Mesaj: <textarea name="mesaj"></textarea></label><br> <button type="submit">Trimite</button> </form>
- Explicație Acest formular trimite datele către adresa de email specificată, cu câmpuri pentru nume, email și mesaj; enctype="text/plain" asigură că datele sunt trimise ca text simplu.
- Limitări Formularele cu mailto: pot să nu funcționeze pe toate browserele și necesită configurare suplimentară pe server pentru procesare reală.
Pentru funcționalitate mai bună, înlocuiește mailto: cu un script server-side precum PHP pentru a procesa datele formularului.