Учење ХТМЛ-а, део 29: Коришћење атрибута за читање, онемогућено и циљно у ХТМЛ обрасцима
Свакако већ знате <инпут> ознакуњегову функцију у претходном чланку. Ова се ознака користи за креирање елемената који се користе за тражење информација од корисника. Ова ознака генерално може бити у облику текстуалних оквира, дугмади, поља за одабир и других.
У претходном водичу смо разговаралио употреби улазних тагова у ХТМЛ-у и њиховим вредностима уноса типа, као што су текст, лозинка и поднети. Па, у овом туториалу ћемо говорити о кориштењу атрибута за читање, онемогућених и циљаних у ХТМЛ обрасцима. Ова три својства сигурно имају различите функције у њиховој примени. За више детаља о три атрибута, погледајмо следећи туториал:
Атрибути само за читање и онеспособљени
Уопштено, атрибути се читају само и онемогућавајукористи се да би текстуални оквир био неупотребљив. Ова одређена својства сигурно вам требају за одређене сврхе, тако да се текстуални оквир не може мијењати, на примјер за текстуални оквир који има задану вриједност. Следи објашњење ова два атрибута.
1. Атрибут само за читање
Атрибут реадонли користи се за специфицирање да се елемент <инпут> може читати само без уређивања. Следи пример писања и коришћења атрибута реадонли на ХТМЛ обрасцу:
<!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>Након извршавања горњег кода у прегледачу, појавиће се као што је приказано у наставку:
У колони Шифра предмета, не можете да пошаљетеулаз подаци јер је ступцу додељен атрибут реадонли, па ступац може бити само за читање и не може се уређивати или мењати.
2. Атрибути с инвалидитетом
Атрибут онеспособљено користи се за онемогућавањеелемент (на пример улазни елемент). Слично као атрибут реадонли, ни овај атрибут не треба да се записује, само је писање онемогућено. Следи пример писања и коришћења онемогућених атрибута на ХТМЛ обрасцима:
<!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>Након извршавања горњег кода у прегледачу, појавиће се као што је приказано у наставку:
Разлике у атрибутима који су само за читање и особе са инвалидитетом
Из два горња узорка кода можете видетиразлика од коришћења атрибута само за читање и онемогућених. Атрибут реадонли текстуално поље чува као и обично, док онемогућени атрибут чини текстуално поље сивим. Упркос томе, постоји разлика коју треба да знате да када кликнете на дугме Пошаљи, вредност атрибута за читање само се још увек шаље серверу, док атрибут онемогућено није.
Атрибути само за читање: вредност Шифра предмета послато на сервер
Онемогућен атрибут: вредност Шифра предмета није послато на сервер
3. Циљни атрибути
Циљни атрибут користи се за одређивање мјестаодговора добијеног након успешно предаје обрасца. Вриједности циљних атрибута су _бланк, _селф, _парент и _топ. Употребу овог циљног атрибута објаснио сам у чланку како створити везе у ХТМЛ-у.
Следи пример кода за писање и употребе циљног атрибута у ХТМЛ облику:
<!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>Након извршавања горњег кода у прегледачу, појавиће се као што је приказано у наставку:
Када кликнете на дугме Пошаљи, резултати примљеног одговора биће приказани на новој картици.
Све је у томе што користите атрибуте само за читање, циљање и онемогућавање у ХТМЛ облицима. Наставите да посећујете овај блог јер ће ХТМЛ материјали за почетнике увек бити ажурирани.
