HTML: n oppiminen, osa 28: Syöttötyyppisalasanan käyttäminen ja elementtien lähettäminen HTML-lomakkeissa
Joihinkin erityistarkoituksiin sinun on ehdottomasti käytettävä verkkosivustollasi olevia lomakkeita, kuten kyselylomakkeita, henkilötietolomakkeita, rekisteröintilomakkeita, kirjautumislomakkeita ja muita.
Lomakkeiden avulla käyttäjät voivat olla vuorovaikutuksessatekstiä, grafiikkaa tai jotain muuta, joka näkyy selaimessa. Lomakkeissa on erityyppisiä syöttöelementtejä, kuten teksti, radio, lähetys ja muut. Aiemmin olemme jo keskustelleet syöttötyypin tekstielementistä. Nyt tässä keskustelussa selitän syöttöelementtityyppisen salasanan käytöstä ja toimitan sen HTML-muodossa olevaan muotoon. Tarkastellaan lisätietoja seuraavassa selityksessä:
Syöttöelementin tyyppi = "salasana"
Salasanatyypin syöttöelementtiä käytetään tekstikenttään luomiseen, mutta kaikki kirjoitettu teksti näkyy muilla merkkeillä, kuten "*", kaikkien suojattujen tietojen suojaamiseksi.
Syöttöelementin tyyppi = "lähetä"
Lähettämistyypin syöttöelementtiä käytetään painikkeen luomiseen, jossa painikkeesta on hyötyä lomaketietojen lähettämiseksi palvelimelle käsittelyä varten. Tämän tyyppisten elementtien syntaksi on yleensä:
<input type ="submit" value="Kirim Data">Edellä olevan syntaksin selventämiseksi aionselitä uudestaan edellisessä opetusohjelmassa käsitellyn arvo-ominaisuuden hyödyllisyys. Lähetystyypin syöte-elementin arvo-attribuutti painikkeen muodossa määritetään painikkeeseen kirjoitetun tekstin suhteen, muuten myös arvo-määritteen kirjoittaminen on kunnossa.
Jotta ymmärrät paremmin yllä olevien kahden tyyppisten syöttöelementtien käytön, seuraava on esimerkki koodin kirjoittamisesta ja molempien tyyppisten syöttöelementtien käyttämisestä HTML: ssä:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tipe Input Password dan Submit di HTML Forms</title>
</head>
<body>
<h4>Isilah formulir dibawah ini dengan baik dan benar ! </h4>
<hr>
<form action="proses_input.php" method="get">
Nama Depan : <input type="text" name="nama_depan"> <br><br>
Nama Belakang : <input type="text" name="nama_belakang"> <br><br>
Email : <input type="text" name="email"> <br><br>
Password : <input type="password" name ="password" maxlength="20"> <br><br>
<input type="submit" value="SUBMIT">
</form>
</body>
</html>Kun yllä oleva koodi on suoritettu selaimessa, se tulee näkyviin seuraavasti:
Yllä oleva kuva on esimerkki lomakkeesta, jota ei ole täytetty (vielä tyhjä). Joten voit nähdä eron tietonäytössä salasanan tekstikentässä, katso alla oleva esimerkki kuva:
No, mitä tapahtuu, kun lähetä-painikeNapsautat? Kun olet napsauttanut lähetä-painiketta, se menee sen tiedoston URL-osoitteeseen tai sijaintiin, joka käsittelee tiedot muodossa. Yllä olevassa esimerkissä lomakkeen tiedot käsittelee process_input.php-tiedosto (Huomaa: process_input.php-tiedosto on tyhjä tiedosto, koska se on vain esimerkki). Seuraava on esimerkki verkkosivun osoitepalkkikuvasta lähetä-painikkeen napsautuksen jälkeen:
Nyt kiinnitetään huomiota osoitepalkkiinkuva yllä. Aiemmin loimme lomakkeen GET-menetelmällä. GET-menetelmä näyttää lomaketiedot, jotka lähetetään URL-osoitteen lopussa, johon toimenpide sitten sopii.
Joten kaikki lomakkeelle antamasi tiedot ovatnäkyy osoitepalkissa URL-osoitteen jälkeen yllä osoitetun osoiterivin osoittamalla tavalla. Se on kaikkea materiaalia, joka käyttää syöttötyyppisalasanaa ja syöttötyypin lähetyselementtejä HTML-muodossa. Toivottavasti se on hyödyllinen.
