Lecția 4: Formulare și Input-uri în HTML

1. Formular simplu de contact

Formularele permit colectarea de informații de la utilizatori prin diferite tipuri de input-uri.

<form action="#" method="post">
    <label for="nume">Nume:</label>
    <input type="text" id="nume" name="nume" placeholder="Introdu numele tău" required>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" placeholder="exemplu@mail.com" required>

    <label for="varsta">Vârstă:</label>
    <input type="number" id="varsta" name="varsta" min="1" max="120">

    <label for="gen">Gen:</label>
    <select id="gen" name="gen">
        <option value="">Selectează</option>
        <option value="feminin">Feminin</option>
        <option value="masculin">Masculin</option>
        <option value="altul">Altul</option>
    </select>

    <label for="mesaj">Mesaj:</label>
    <textarea id="mesaj" name="mesaj" rows="4" placeholder="Scrie mesajul tău aici..."></textarea>

    <button type="submit">Trimite</button>
</form>

În lecția următoare: Vom explora stilizarea cu CSS!