Definisi dan Penggunaan
The name atribut menentukan nama untuk elemen.
Atribut nama ini dapat digunakan untuk referensi elemen dalam JavaScript.
Untuk elemen form itu juga digunakan sebagai referensi ketika data dikirimkan,
Untuk elemen iframe dapat digunakan untuk menargetkan pengiriman formulir.
Untuk unsur peta, yang name atribut dikaitkan dengan <img>'s usemap atribut dan menciptakan hubungan antara gambar dan peta.
Untuk elemen meta, yang name atribut menentukan nama untuk informasi / nilai dari content atribut.
Untuk elemen param, yang name atribut yang digunakan bersama-sama dengan value atribut untuk menentukan parameter untuk plugin ditentukan dengan <object> tag.
Berlaku untuk
The name atribut dapat digunakan pada unsur-unsur berikut:
| elemen | Atribut |
|---|---|
| <button> | name |
| <fieldset> | name |
| <form> | name |
| <iframe> | name |
| <input> | name |
| <keygen> | name |
| <map> | name |
| <meta> | name |
| <object> | name |
| <output> | name |
| <param> | name |
| <select> | name |
| <textarea> | name |
contoh
Contoh
Dua tombol dengan nama yang sama, yang menyampaikan nilai-nilai yang berbeda ketika diklik:
<form action="demo_form.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
Cobalah sendiri " Fieldset Contoh
Sebuah <fieldset> dengan name atribut:
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
Cobalah sendiri " Form Contoh
Bentuk HTML dengan name atribut:
<form
action="form_action.asp"
method="get" name="myForm">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="button" onclick="formSubmit()" value="Send form data!">
</form>
Cobalah sendiri " Iframe Contoh
Sebuah <iframe> yang bertindak sebagai target untuk link:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Cobalah sendiri " Input Contoh
Bentuk HTML dengan tiga field input; dua bidang teks dan satu tombol submit:
<form
action="demo_form.asp">
Name: <input type="text" name="fullname"><br>
Email:
<input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
Cobalah sendiri " Keygen Contoh
Bentuk dengan bidang keygen:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
Cobalah sendiri " Map Contoh
Gambar-peta, dengan area yang dapat diklik:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Cobalah sendiri " Meta Contoh
Gunakan name atribut untuk menentukan deskripsi, kata kunci, dan penulis dokumen HTML:
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Cobalah sendiri " Object Contoh
Sebuah <object> elemen dengan name atribut:
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> Cobalah sendiri " Output Contoh
Melakukan perhitungan dan menampilkan hasil dalam <output> elemen:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
Cobalah sendiri " Param Contoh
Mengatur "autoplay" parameter untuk "true" , sehingga suara akan mulai bermain segera beban halaman:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Cobalah sendiri " Select Contoh
Sebuah daftar drop-down dengan name atribut:
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Cobalah sendiri " Textarea Contoh
Sebuah area teks dengan name atribut:
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
Cobalah sendiri " Dukungan Browser
The multiple atribut memiliki dukungan browser berikut untuk setiap elemen:
| Elemen | |||||
|---|---|---|---|---|---|
| button | iya nih | iya nih | iya nih | iya nih | iya nih |
| fieldset | iya nih | Tidak didukung | iya nih | iya nih | iya nih |
| form | iya nih | iya nih | iya nih | iya nih | iya nih |
| iframe | iya nih | iya nih | iya nih | iya nih | iya nih |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| keygen | iya nih | Tidak didukung | iya nih | 6.0 | iya nih |
| map | iya nih | iya nih | iya nih | iya nih | iya nih |
| meta | iya nih | iya nih | iya nih | iya nih | iya nih |
| object | iya nih | iya nih | iya nih | iya nih | iya nih |
| output | 10,0 | Tidak didukung | 4.0 | 5.1 | 11.0 |
| param | iya nih | iya nih | iya nih | iya nih | iya nih |
| select | iya nih | iya nih | iya nih | iya nih | iya nih |
| textarea | iya nih | iya nih | iya nih | iya nih | iya nih |