Učíme sa HTML časť 29: Používanie atribútov na čítanie, zdravotne postihnutých a cieľových v HTML formulároch
Určite už poznáte značku <input>jeho funkcia v predchádzajúcom článku. Táto značka sa používa na vytváranie prvkov, ktoré sa používajú na vyžiadanie informácií od používateľa. Táto značka môže byť vo všeobecnosti vo forme textových polí, tlačidiel, výberových polí a ďalších.
V predchádzajúcom návode sme diskutovalio používaní vstupných značiek v HTML a ich hodnotách typu vstupu, ako je text, heslo a odoslanie. V tomto tutoriále budeme diskutovať o používaní atribútov iba na čítanie, zdravotne postihnutých a cieľových vo formátoch HTML. Tieto tri atribúty majú pri implementácii určite rôzne funkcie. Pre viac informácií o týchto troch atribútoch sa pozrime na nasledujúci tutoriál:
Atribúty iba na čítanie a zakázané
Všeobecne sú atribúty iba na čítanie a sú zakázanéslúži na to, aby sa textové pole stalo nepoužiteľným. Na určité účely určite potrebujete tieto dva atribúty, aby nebolo možné zmeniť textové pole, napríklad pre textové pole, ktoré má predvolenú hodnotu. Nasleduje vysvetlenie týchto dvoch atribútov.
1. Atribút iba na čítanie
Atribút readonly sa používa na určenie, že prvok <input> sa dá čítať iba bez toho, aby bolo možné ho upravovať. Nasleduje príklad zápisu a použitia atribútu readonly na formulári HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Readonly pada Form HTML</title>
</head>
<body>
<form action="proses_input.php" method="get">
Kode Barang :
<input type="text" name="kode" value ="BRG01" readonly> <br><br>
Jumlah Barang :
<input type="text" name="jumlah"><br><br>
Harga per satuan :
<input type="text" name="harga"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Po vykonaní vyššie uvedeného kódu v prehliadači sa zobrazí nasledujúci obrázok:
V stĺpci Kód položky, nemôžete poslaťvstup údaje, pretože stĺpci boli pridelené atribúty readonly, takže stĺpec je možné čítať iba a nedá sa upravovať ani meniť.
2. Zakázané atribúty
Atribút disabled sa používa na deaktiváciuprvok (napríklad vstupný prvok). Podobne ako v prípade atribútu iba na čítanie, tento atribút sa nemusí zapisovať, len písanie je zakázané. Nasleduje príklad zápisu a použitia zakázaných atribútov vo formulároch HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Disabled pada Form HTML</title>
</head>
<body>
<form action="proses_input.php" method="get">
Kode Barang :
<input type="text" name="kode" value ="BRG01" disabled> <br><br>
Jumlah Barang :
<input type="text" name="jumlah"><br><br>
Harga per satuan :
<input type="text" name="harga"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Po vykonaní vyššie uvedeného kódu v prehliadači sa zobrazí nasledujúci obrázok:
Rozdiely v atribútoch iba na čítanie a zdravotne postihnutých
Z dvoch vyššie uvedených príkladov kódu môžete vidieťrozdiel od používania atribútov na čítanie a zakázaných. Atribút readonly udržuje textové pole ako obvykle, zatiaľ čo atribút disabled spôsobí, že bude textové pole sivé. Napriek tomu je potrebné vedieť, že keď kliknete na tlačidlo Odoslať, hodnota v atribúte readonly sa stále odošle na server, zatiaľ čo atribút disabled nie je.
Atribút iba na čítanie: hodnota Kód položky odoslané na server
Zakázaný atribút: hodnota Kód položky neodoslaná na server
3. Cieľové atribúty
Cieľový atribút sa používa na určenie miestaodpovede prijatej po úspešnom odoslaní formulára. Hodnoty cieľových atribútov sú _blank, _self, _parent a _top. Použitie tohto cieľového atribútu som v článku vysvetlil, ako vytvoriť odkazy v HTML.
Nasleduje príklad kódu na písanie a použitie cieľového atribútu vo forme HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Target di HTML Forms</title>
</head>
<body>
<form action="proses_input.php" method="get" target="_blank">
Nama Depan: <input type="text" name="ndepan"><br>
Nama Belakang: <input type="text" name="nbelakang"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Po vykonaní vyššie uvedeného kódu v prehliadači sa zobrazí nasledujúci obrázok:
Po kliknutí na tlačidlo Odoslať sa na novej karte zobrazia výsledky prijatej odpovede.
To je všetok materiál, ktorý používa atribúty readonly, target a disable in HTML format. Pokračujte v návšteve tohto blogu, pretože vzdelávacie materiály HTML pre začiatočníkov sa budú vždy aktualizovať.
