Mengaturan Label dan Output HTML Menggunakan Atribut For
Tag Pendukung:
- <label>
- <output>
Sintak: <label for="element_id">
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut for
</title>
<style>
body
{
font-size: 20px;}
</style>
</head>
<body style="text-align:center">
<h1 style="color:green">
Blog Elfan
</h1>
<h2>
HTML Atribut For
</h2>
<form>
<label for="student">
Student
</label>
<input
type="radio"
name="Occupation"
id="student"
value="student">
<br>
<label for="business">
Business
</label>
<input
type="radio"
name="Occupation"
id="business"
value="business">
<br>
<label for="other">
Other
</label>
<input
type="radio"
name="Occupation"
id="other"
value="other">
</form>
</body>
</html>
Output:Blog Elfan
HTML Atribut For
Atribut For pada Elemen Output: ketika menampilkan atribut for pada elemen output, maka atribut tersebut akan digunakan untuk menentukan hubungan antara hasil dan perhitungan.
Contoh: ilustrasi penggunaan atribut for pada elemen output.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut For
</title>
<style>
body
{
text-align: center;}
h1
{
color: green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
HTML Atribut For
</h2>
<form
oninput="sumresult.value
= parseInt(A.value)
+ parseInt(B.value)
+ parseInt(C.value)">
<input
type="number"
name="A"
value="50" />
+
<input
type="range"
name="B"
value="0" />
+
<input
type="number"
name="C"
value="50" />
<br />
Submit Result:
<output
name="sumresult"
for="A B C">
</output>
<br>
<input
type="submit">
</form>
</body>
</html>
Output:Blog Elfan
HTML Atribut For
- 2 Contoh Program Penerapan Atribut ID pada HTML
- 8 Elemen yang Digunakan untuk Penerapan Atribut Lang pada HTML
- 2 Contoh Penggunaan Atribut List pada HTML
- Contoh Sederhana Penggunaan Atribut Low pada HTML
- 2 Contoh Penggunaan Atribut Maxlength pada HTML
- 2 Value Utama pada Penggunaan Atribut Method HTML
- 2 Contoh Program Penggunaan Atribut Min pada HTML
5 komentar untuk "Mengaturan Label dan Output HTML Menggunakan Atribut For"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Apa yang dimaksud dengan atribut for pada html?
BalasHapusAtribut for merupakan atribut yang diperbolehkan untuk elemen < label > dan < output >. Ketika digunakan pada elemen < label >, atribut for akan menunjukkan elemen formulir yang dijelaskan oleh label tersebut. Sedangkan ketika digunakan pada elemen < output >, atribut for memungkinkan melakukan hubungan secara eksplisit antara elemen yang mewakili nilai yang digunakan dalam output.
HapusApa perbedaan antara atribut dan properti pada dokumen html?
BalasHapusAtribut merupakan informasi tambahan yang dapat user masukkan ke dalam HTML untuk menginisialisasi properti tertentu.
HapusPusing memahami materi tentang atribut for pada html, mending rakit PC aja...
BalasHapus