HTML tanulás 28. rész: Beviteli típusú jelszó használata és elemek benyújtása HTML-űrlapokban
Bizonyos speciális célokra a webhelyén feltétlenül használnia kell olyan űrlapokat, mint például a felmérési űrlapok, az adatlapok űrlapjai, a regisztrációs űrlapok, a bejelentkezési űrlapok és mások.
Az űrlapok lehetővé teszik a felhasználók számára, hogy kapcsolatba lépjenek velükszöveg, grafika vagy bármi más, ami megjelenik a böngészőben. Az űrlapok különféle típusú bemeneti elemeket tartalmaznak, mint például szöveg, rádió, küldés és más. Korábban már beszéltünk a bemeneti típusú szöveg elemről. Most, ebben a megbeszélésben magyarázatot adok a bemeneti elem típusú jelszó használatáról, és elküldöm az űrlaphoz HTML formátumban. További részletek, nézzük meg az alábbi magyarázatot:
Bemeneti elem típusa = "jelszó"
A jelszó típusú bemeneti elemet egy szövegdoboz létrehozására használják, de az összes írott szöveg más karakterekkel, például "*" formátumban jelenik meg, hogy minden bevitt adatot biztonságot biztosítson.
Bemeneti elem típusa = "beküldés"
A beküldési típus beviteli elemével egy gombot lehet létrehozni, ahol a gomb hasznos űrlapadatok küldésére a kiszolgálóra feldolgozás céljából. Az ilyen típusú elemek szintaxisa általában:
<input type ="submit" value="Kirim Data">A fenti szintaxis tisztázása érdekében megteszemmagyarázza meg újra az érték attribútum hasznosságát, amelyet az előző oktatóprogramban tárgyaltunk. A beküldési típus beviteli elemének gomb formájában található attribútumával meghatározzák a gombra írt szöveget, különben az érték attribútum felírása szintén rendben van.
Annak érdekében, hogy jobban megértse a fenti két típusú bemeneti elem használatát, az alábbiakban példát találunk a kódírásra és a HTML-ben mindkét típusú bemeneti elem használatára:
<!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>A fenti kód végrehajtása után a böngészőben az alábbiak szerint jelenik meg:
Nos, a fenti kép egy példa egy kitöltött űrlapra (még mindig üres). Tehát láthatja a különbséget az adatok megjelenítésében a jelszó szövegmezőben, lásd az alábbi példaképet:
Nos, mi fog történni, ha a beküldés gombra kattintÖn kattint? A benyújtás gombra kattintás után a fájl URL-jére vagy helyére kerül, amely feldolgozza az adatokat az űrlapon. A fenti példában az űrlap adatait a process_input.php fájl dolgozza fel (Megjegyzés: a process_input.php fájl egy üres fájl, mert csak példa). Az alábbiakban látható egy példa egy weboldal címsávjára, amely a benyújtás gombra kattintást követően mutatkozik meg:
Most figyeljünk a címsávrakép fölött. Korábban a GET módszerrel készítettünk űrlapot. A GET módszer megjeleníti az elküldendő űrlapadatokat az URL végén, amelyet azután a művelet beilleszt.
Tehát az űrlapon megadott összes adat megmaradmegjelenik a címsorban az URL után, ahogyan a fenti címsáv kép mutatja. Ez az összes anyag, amely a bemeneti jelszó és a beviteli típus benyújtási elemeket használja HTML formátumban. Remélem hasznos.
