HTML mokymasis 27 dalis: Kaip sudaryti paprastas HTML formas
Jūs tikrai esate susipažinęs su terminu„Forma“. Forma yra turinys, kuris yra vienas populiariausių interaktyvių pasirodymų internete. Ši forma arba kontrolinis sąrašas yra naudojamas norint paprašyti informacijos iš vartotojų, kurie vėliau bus tvarkomi. Paprastai formos apdorojamos naudojant serverio scenarijus.
Tam tikrais tikslais, žinomareikalauja, kad jūsų svetainėje būtų naudojamos formos, tokios kaip apklausos formos, asmens duomenų formos, registracijos formos, prisijungimo formos ir kitos. Formos leidžia vartotojams sąveikauti su tekstu, grafika ar bet kuo kitu, rodomu naršyklėje. Šioje diskusijoje paaiškinsiu, kaip HTML forma sukurti formas. Norėdami gauti daugiau informacijos, apsvarstykime paaiškinimą žemiau:
Formos žyma
<form> žyma yra naudojama žymaapibrėžti formą. Taigi, formą formuoja žymių pora <form> ... .. </form>. Žymoje <form> yra du atributai, būtent metodo ir veiksmo atributai, kurie turi šias funkcijas:
| Atributas | Funkcija |
| Metodas | Naudojamas nustatant, kaip siųsti duomeniskurį vartotojas įveda į interneto serverį (formos apdorojimo būdas). Yra du metodai, būtent GET ir POST. POST metodas siunčia visus duomenis iš formos, atskiros nuo URL. Tuo tarpu GET metodas siunčia duomenis į serverį, įvesdamas juos URL pabaigoje. |
| Veiksmas | Naudojamas failo, kuris bus naudojamas apdoroti formą, vietai ar URL nustatyti. |
Toliau pateikiamas žymos <form> naudojimo pavyzdys:
<form action=”proses_input.php” method=”get”>
…………………………………
</form>Įvesties žyma
Žyma <input> yra ta žyma, kuriai naudojamassukurkite elementus, kurie naudojami vartotojams reikalauti informacijos, arba sukurkite teksto laukelio valdiklius, tokius kaip žymimuosius laukelius, teksto dėžutes, mygtukus, radijo mygtukus ir kt. Norint naudoti šią žymą, nereikia ir uždarymo žymos. Be to, žyma <input> turi šiuos įprastus atributus:
| Atributas | Funkcija |
| vardas | Apibrėžia įvesties elemento pavadinimą. Turite parašyti šį atributą ant visų elementų, išskyrus aiškią, ir pateikti elementus. |
| maksimalus ilgis | Nurodo maksimalų simbolių, kuriuos galima įvesti įvesties elemente, skaičių. |
| vertės | Išreiškia numatytąją įvesties elemento vertę. Tekstiniuose laukeliuose nurodykite parašytą tekstą. Norėdami pažymėti žymimuosius laukelius ar radijo imtuvus, nustatykite pasirinkto elemento, kuris bus siunčiamas į serverį, vertę. Tuo tarpu mygtukams pateikti ir atkurti šis atributas naudojamas nustatyti mygtuką, parašytą ant mygtuko. |
| dydis | Nurodomas įvesties elemento plotis pikseliais, kai numatytasis dydis yra 20 pikselių. |
| patikrinta | Naudojamas tik žymimuosiuose laukeliuose ir radijo imtuvuose, kad deklaruotų pasirinktą elementą ar ne (patikrintų atributų paaiškinimas bus aptartas kitoje medžiagoje). |
| tipo | Nustatykite įvesties tipą, kuris bus naudojamas, pavyzdžiui, tekstą, radiją ir kt. |
Žinoma, yra ir kitų, dar nepaminėtų, atributų, nes aukščiau išvardyti yra tik labiausiai paplitę atributai. Ateityje paaiškinsiu atributus, kuriuos turiu omenyje.
Atributo tipas = "tekstas"
Apskritai, yra keletas tipų, kurie egzistuojatipo atributas, tačiau šioje medžiagoje bus kalbama apie tipo atributą su teksto verte ar tipu, o kitiems tipams bus paaiškinta kitame vadove. Teksto tipas naudojamas kuriant teksto laukelį, kuris leidžia vartotojams įvesti duomenis teksto pavidalu.
Šis pavyzdys yra kodo, skirto rašyti ir naudoti žymą <input> HTML, pavyzdys:
<!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>Atlikus aukščiau pateiktą kodą naršyklėje, jis pasirodys taip, kaip parodyta žemiau:
Aukščiau esančiame paveikslėlyje galite pamatyti skirtumąkiekviename teksto laukelyje naudokite dydžio atributą, yra 11 pikselių, 40 pikselių, o dydis nenurodytas, kad jo plotis būtų numatytasis 20 pikselių. Taip pat teksto laukelyje „NIM“ didžiausio ilgio atributas yra nustatytas 9, o kitas teksto laukelis nenustatytas, todėl jo vertė yra begalinė.
Be to, klausimynas yra ne tiksusideda iš teksto laukelio (teksto laukelio), bet taip pat pateikimo ir atkūrimo mygtukus. Pateikimo ir atstatymo mygtukų aptarimas bus paaiškintas kitoje medžiagoje. Kai kurios medžiagos, kaip sukurti paprastas formas HTML formatu, tikiuosi, jūs gerai suprasite šią medžiagą.
