Formulare HTML, Câmpuri Introducere, Atributele lor - Lectie gratuita online

Formularele în HTML / HTML5 sunt utilizate pentru a colecta și a trimite datele introduse de utilizatori. Acestea pot varia de la simplu câmp de text până la selecții complexe și butoane de trimitere. 

Iată o lecție introductivă despre cum să creezi formulare în HTML:

Structura de bază a unui formular:

<form  >
    <!-- Elementele de intrare vor fi plasate aici -->
   
</form>

Elementele comune de intrare în formulare:

1. Câmp de text (<input type="text">): Permite utilizatorilor să introducă text.

2.  Câmp de parolă (<input type="password">): Ascunde textul introdus, de obicei pentru parole.

3. Casetă de bifare (<input type="checkbox">): Permite utilizatorilor să selecteze sau să dezactiveze opțiuni.

4. Buton radio (<input type="radio">): Permite utilizatorilor să aleagă o opțiune dintr-o listă.

5. Câmp de selectare (<select>): Permite utilizatorilor să selecteze una sau mai multe opțiuni dintr-o listă.

6. Zonă de text (<textarea>): Permite utilizatorilor să introducă texte mai lungi.

7. Butoane (<input type="submit"> sau <button>): Utilizate pentru a trimite datele către server sau pentru a executa o acțiune.

Atribute importante:

• action: Specifică URL-ul către care vor fi trimise datele formularului.
• method: Specifică metoda de trimitere a datelor - "get" sau "post".
• name: Numele câmpului, folosit pentru a trimite datele la server.
• value: Valoarea trimisă pentru elementele de intrare.
• required: Forțează utilizatorul să completeze câmpul înainte de a trimite formularul.

Aceasta a fost o introducere la crearea de formulare în HTML. Poți continua să înveți despre stilizarea și validarea formularelor, precum și cum să procesezi datele trimise la server.

Exemple Practice HTML:

Foloseste butonul Testare sau Salveaza ca HTMl si deschide pagina in browser.

<form action="/procesare.php" method="post"> <!-- Elementele de intrare vor fi plasate aici --> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="Trimite"> </form> <input type="text" name="username"> <input type="password" name="password"> <input type="checkbox" name="subscribe" value="yes"> <label for="subscribe">Abonare la newsletter</label> <input type="radio" name="gender" value="male"> <label for="male">Masculin</label> <input type="radio" name="gender" value="female"> <label for="female">Feminin</label> <select name="country"> <option value="us">Statele Unite</option> <option value="ca">Canada</option> <option value="uk">Regatul Unit</option> </select> <textarea name="comments" rows="4" cols="50"></textarea> <input type="submit" value="Trimite"> <button type="submit">Trimite</button>

Studiază 

Tutoriale, Lecții si Exemple Practice Invatare HTML.