Învățarea HTML Partea 27: Cum să creați formulare simple în HTML
Cu siguranță cunoașteți termenul„Forma“. Formularul este un conținut care este una dintre cele mai populare spectacole interactive pe internet. Acest formular sau lista de verificare este utilizat pentru a solicita informații de la utilizatorii care vor fi apoi prelucrați. În general, procesarea formularelor se face folosind scripturi din partea serverului.
În anumite scopuri, desigurnecesită utilizarea formularelor de pe site-ul dvs. web, cum ar fi formularele de sondaj, formularele biodata, formularele de înregistrare, formularele de autentificare și altele. Formularele permit utilizatorilor să interacționeze cu textul, grafica sau orice alt lucru care este afișat în browser. În această discuție, voi explica cum se creează formulare în HTML. Pentru mai multe detalii, să luăm în considerare explicația de mai jos:
Eticheta formularului
Eticheta <form> este eticheta folositădefiniți o formă. Deci, un formular este format din perechea <form> ... .. </form>. În eticheta <form> există două atribute și anume atributele de metodă și acțiune care au următoarele funcții:
| atribut | funcție |
| metodă | Folosit pentru a determina cum să trimiteți datepe care utilizatorul îl introduce pe serverul web (metoda de procesare a formularelor). Unde există două metode, și anume GET și POST. Metoda POST trimite toate datele dintr-un formular separat de adresa URL. Între timp, metoda GET trimite date serverului plasându-le la sfârșitul adresei URL. |
| acțiune | Folosit pentru a determina locația sau adresa URL a fișierului care va fi utilizat pentru procesarea formularului. |
Urmează un exemplu de utilizare a etichetei <form>:
<form action=”proses_input.php” method=”get”>
…………………………………
</form>Etichetă de intrare
Eticheta <input> este eticheta folosităcreați elemente care sunt utilizate pentru a solicita informații de la utilizatori sau pentru a crea controale pentru casetele de text, cum ar fi casele de selectare, casetele de text, butoanele, butoanele radio și altele. Utilizarea acestei etichete nu necesită, de asemenea, o etichetă de închidere. În continuare, eticheta <input> are următoarele atribute comune:
| atribut | funcție |
| nume | Definește numele elementului de intrare. Trebuie să scrieți acest atribut pe toate elementele, cu excepția tipului de ștergere și trimitere a elementelor. |
| MAXLENGTH | Specifică numărul maxim de caractere care pot fi introduse pe un element de intrare. |
| valoare | Exprima valoarea implicită a unui element de intrare. Pentru casetele de text, specificați textul care este scris. Pentru căsuțele sau radiourile, determinați valoarea articolului selectat care trebuie trimis serverului. Între timp, pentru butoanele de trimitere și resetare, acest atribut este utilizat pentru a determina textul scris pe buton. |
| dimensiune | Specifică lățimea elementului de intrare în pixeli, unde dimensiunea implicită este de 20 de pixeli. |
| verificat | Folosit numai pe caseta de selectare și tipurile de radio pentru a declara un articol selectat sau nu (o explicație a atributelor bifate va fi discutată în materialul următor). |
| tip | Determinați tipul de intrare care va fi utilizat, cum ar fi text, radio și altele. |
Desigur, există și alte atribute care nu au fost menționate mai sus, deoarece cele de mai sus sunt doar cele mai comune atribute. În viitor voi explica atributele la care mă refer.
Tip atribut = "text"
În general, există mai multe tipuri care există înatributul tip, dar în acest material despre care se va discuta este despre atributul tip cu valoarea sau tipul de text, în timp ce pentru celelalte tipuri va fi explicat în tutorialul următor. Tipul de text este utilizat pentru a crea căsuțe de text care permit utilizatorilor să introducă date sub formă de text.
Următorul este un exemplu de cod pentru scrierea și utilizarea tagului <input> în HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Form di HTML</title>
</head>
<body>
<h4>Isilah formulir dibawah ini dengan baik dan benar ! </h4>
<hr>
<form action ="proses_input.php" method="get">
NIM : <input type="text" name="nim" size="11px" maxlength="9"> <br><br>
Alamat Rumah : <input type="text" name="alamat_rumah" size="40px"> <br><br>
Email : <input type="text" name="email"> <br><br>
No.Telepon : <input type="text" name="nomor_telepon"> <br><br>
<input type="submit" value="SUBMIT">
<input type="reset" value="RESET">
</form>
</body>
</html>După executarea codului de mai sus în browser, acesta va apărea după cum se arată mai jos:
Din imaginea de mai sus, puteți vedea diferențafolosiți atributul size pentru fiecare casetă text, există dimensiuni de 11px, 40px și dimensiunea nu este specificată, astfel încât să aibă o lățime cu o valoare implicită de 20px. Și, de asemenea, în caseta de text „NIM”, atributul maxlength este setat la 9, în timp ce cealaltă casetă de text nu este setată, deci are o valoare infinită.
Mai mult, chestionarul nu este doarconstă dintr-o casetă de text (caseta de text), dar și butoane de trimitere și resetare. Pentru discuții despre butoanele de trimitere și resetare vor fi explicate în materialul următor. Câteva materiale despre cum se creează formulare simple în HTML, sperăm că puteți înțelege bine acest material.
