HTML apgūšana 29. daļa: Tikai lasāmu, atspējotu un mērķatribūtu izmantošana HTML formātās

Jūs noteikti jau zināt arī <input> tagutā funkcija iepriekšējā rakstā. Šo tagu izmanto, lai izveidotu elementus, kurus izmanto, lai pieprasītu no lietotāja informāciju. Šis tags parasti var būt tekstlodziņu, pogu, izvēles rūtiņu un citu veidā.

Iepriekšējā apmācībā mēs diskutējāmpar ievades tagu izmantošanu HTML un to ievades veida vērtībām, piemēram, tekstu, paroli un iesniegšanu. Nu, šajā apmācībā mēs apspriedīsim tikai lasāmo, atspējoto un mērķatribūtu izmantošanu HTML formātos. Šiem trim atribūtiem to ieviešanā noteikti ir atšķirīgas funkcijas. Lai iegūtu sīkāku informāciju par trim atribūtiem, apskatīsim šo apmācību:

Atribūti Tikai lasāms un Atspējots

Parasti atribūti ir tikai lasāmi un atspējotiizmanto, lai tekstlodziņu padarītu nelietojamu. Noteiktiem mērķiem jums noteikti ir nepieciešami šie divi atribūti, lai tekstlodziņu nevarētu mainīt, piemēram, tekstlodziņam ar noklusējuma vērtību. Šis ir šo divu atribūtu skaidrojums.

1. Tikai lasāms atribūts

Tikai lasāmais atribūts tiek izmantots, lai norādītu, ka elementu <input> var lasīt tikai bez rediģēšanas. Šis ir piemērs, kā rakstīt un izmantot tikai atribūtu HTML formā:

<!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>

Pēc iepriekš norādītā koda izpildes pārlūkā tas parādīsies, kā parādīts zemāk:

HTML veidlapās izmantot tikai lasāmā veidā

Kolonnā Preces kods, jūs nevarat nosūtītievadi datus, jo kolonnai ir piešķirts tikai lasāms atribūts, tāpēc kolonnu var tikai lasīt, un to nevar rediģēt vai mainīt.

2. Invalīdu atribūti

Atspējotais atribūts tiek izmantots atspējošanaielements (piemēram, ievades elements). Līdzīgi kā tikai lasāmajam atribūtam, arī šis atribūts nav jānoraksta, vienkārši rakstīšana ir atspējota. Šis ir atspējoto atribūtu rakstīšanas un izmantošanas HTML veidlapās piemērs:

<!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>

Pēc iepriekš norādītā koda izpildes pārlūkā tas parādīsies, kā parādīts zemāk:

Atšķirības lasāmā un invalīdu atribūtos

No diviem iepriekš minētajiem koda paraugiem jūs varat redzētatšķirība no tikai lasāmu un atspējotu atribūtu izmantošanas. Tikai atribūts saglabā tekstlodziņu kā parasti, savukārt atribūts invalīds padara lodziņu pelēku. Pat ja tā ir, jums jāzina, ka, noklikšķinot uz pogas Iesniegt, tikai lasāmā atribūta vērtība joprojām tiek nosūtīta uz serveri, kamēr atribūta invalīds nav.

Tikai lasāmā atribūts: vērtība Preces kods nosūtīts uz serveri

Atspējots atribūts: vērtība Preces kods netiek nosūtīts uz serveri

3. Mērķa atribūti

Mērķa atribūts tiek izmantots vietas noteikšanaino atbildes, kas saņemta pēc veidlapas sekmīgas iesniegšanas. Mērķa atribūtu vērtības ir _tukšs, _cilvēks, _redzams un _top. Šī mērķa atribūta izmantošanu es rakstā paskaidroju, kā izveidot saites HTML.

Šis ir rakstīšanas koda piemērs un mērķatribūta izmantošanu HTML formā:

<!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>

Pēc iepriekš norādītā koda izpildes pārlūkā tas parādīsies, kā parādīts zemāk:

Noklikšķinot uz pogas Iesniegt, saņemtās atbildes rezultāti tiks parādīti jaunā cilnē.

Tas ir viss materiāls, kas HTML formātā izmanto tikai lasāmus, mērķēt un atspējot atribūtus. Turpiniet apmeklēt šo emuāru, jo HTML mācību materiāli iesācējiem vienmēr tiks atjaunināti.

</p>

Lasīt vairāk: