Lære HTML del 27: Hvordan lage enkle skjemaer i HTML
Du er absolutt kjent med begrepet"Form". Form er en innholdsfortegnelse som er en av de mest populære interaktive forestillingene på internett. Dette skjemaet eller sjekklisten brukes til å be om informasjon fra brukere som deretter vil bli behandlet. Generelt utføres formbehandling ved hjelp av skripter på serversiden.
For visse formål, selvfølgeligkrever bruk av skjemaer på nettstedet ditt, for eksempel undersøkelsesskjemaer, biodata-skjemaer, registreringsskjemaer, påloggingsskjemaer og andre. Skjemaer lar brukerne samhandle med tekst, grafikk eller noe annet som vises i nettleseren. I denne diskusjonen vil jeg forklare hvordan du lager skjemaer i HTML. For mer informasjon, la oss vurdere forklaringen nedenfor:
Form Tag
<form> -koden er koden som brukes tildefinere en form. Så, en form dannes av <form> ... .. </form> tag-paret. I <form> -koden er det to attributter, nemlig metoden og handlingsattributtene som har følgende funksjoner:
| attributt | funksjon |
| metode | Brukes til å bestemme hvordan du skal sende datasom brukeren legger inn på webserveren (metodebehandlingsmetode). Der det er to metoder, nemlig GET og POST. POST-metoden sender alle data fra et skjema som er atskilt fra URL-en. I mellomtiden sender GET-metoden data til serveren ved å plassere dem på slutten av URL-en. |
| handling | Brukes til å bestemme plasseringen eller URL-en til filen som skal brukes til å behandle skjemaet. |
Følgende er et eksempel på bruk av <form> -koden:
<form action=”proses_input.php” method=”get”>
…………………………………
</form>Input Tag
<input> -koden er koden som brukes tilopprette elementer som brukes til å be om informasjon fra brukere eller opprette tekstbokskontroller som avmerkingsbokser, tekstbokser, knapper, alternativknapper og andre. Bruken av denne taggen krever heller ikke en lukkingskode. Deretter har <input> -koden følgende vanlige attributter:
| attributt | funksjon |
| navn | Definerer navnet på inngangselementet. Du må skrive denne attributtet på alle elementer unntatt typen klare og sende inn elementer. |
| MAXLENGTH | Angir det maksimale antallet tegn som kan legges inn på et inputelement. |
| verdi | Uttrykker standardverdien til et inputelement. For tekstbokser, spesifiser teksten som er skrevet. For avmerkingsbokser eller radioer, må du bestemme verdien for det valgte elementet som skal sendes til serveren. I mellomtiden brukes dette attributtet til å sende inn og tilbakestille knapper for å bestemme teksten skrevet på knappen. |
| størrelse | Angir bredden på inngangselementet i piksler der standardstørrelsen er 20 piksler. |
| sjekket | Brukes bare i avmerkingsboksen og radiotypene for å erklære at et element er valgt eller ikke (En forklaring av de avmerkede attributtene vil bli diskutert i neste materiale). |
| typen | Bestem hvilken type innspill som skal brukes, for eksempel tekst, radio og andre. |
Selvfølgelig er det andre attributter som ikke er nevnt ovenfor ennå, fordi de ovenfor er bare de vanligste attributtene. I fremtiden vil jeg forklare attributtene som jeg mener.
Attributtype = "tekst"
Generelt er det flere typer som finnes itype attributt, men i dette materialet handler det som omtales om type attributtet med verdien eller typen tekst, mens for de andre typene vil bli forklart i neste opplæring. Teksttype brukes til å lage tekstbokser som lar brukere legge inn data i tekstform.
Følgende er et eksempel på koden for skriving og bruk av <input> -koden i 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>Etter at koden ovenfor er kjørt i nettleseren vil den vises som vist nedenfor:
Fra bildet over kan du se forskjellenbruk størrelsesattributtet i hver tekstboks, det er størrelser på 11px, 40px og størrelsen er ikke spesifisert slik at den har en bredde med en standardverdi på 20px. Og også i tekstboksen "NIM" er maxlength-attributtet satt til 9, mens den andre tekstboksen ikke er satt, så den har en uendelig verdi.
Videre er spørreskjemaet ikke barebestår av en tekstboks (tekstboks), men også sende og tilbakestille knapper. For diskusjon av knappene for innsending og tilbakestilling vil bli forklart i neste materiale. Noen materialer for hvordan du lager enkle former i HTML, forhåpentligvis kan du forstå dette materialet godt.
