Belajar HTML5: Tag keygen, label, map

By Adhi P. - Last updated: Sunday, August 17, 2014 - Save & Share - Comments

banner438kursus Belajar HTML5: Tag keygen, label, map

Tag <keygen> menentukan bidang pasangan – kunci  Generator digunakan untuk form. Bila formulir dikirimkan, kunci privat disimpan secara lokal, dan kunci publik dikirim ke server. Berikut ini aadalah atribut – atribut dr tag <keygen> :

  1. Autofocus           :  Menentukan bahwa elemen <keygen> otomatis harus mendapatkan fokus ketika halaman loading.
  2. challengeNew   : Menentukan bahwa nilai dari elemen <keygen> harus ditantang ketika disampaikan
  3. disabledNew     : Menentukan bahwa elemen <keygen> harus dinonaktifkan.
  4. Form                     : Menentukan satu atau lebih form.
  5. Keytype               : Menentukan keamanan algorytma dari key / kunci.
  6. Name                    : Mendefinisikan nama untuk elemen <keygen>

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

<form action=”demo_keygen.asp” method=”get”>

Username: <input type=”text” name=”usr_name” />

Encryption: <keygen name=”security” />

<input type=”submit” />

</form>

</body>

</html>

 

Tag <label> mendefinisikan label untuk sebuah elemen <input>. Tag <label> tidak begitu istimewa bagi pengguna. Namun, menyediakan peningkatan kegunaan bagi pengguna mouse, karena jika pengguna mengklik pada teks dalam elemen <label>, ia mengubah kontrol. Untuk atribut dari tag <label> harus sama dengan atribut id dari elemen terkait untuk mengikat mereka bersama.

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

<form>

<label for=”male”>Male</label>

<input type=”radio” name=”sex” id=”male” />

<br />

<label for=”female”>Female</label>

<input type=”radio” name=”sex” id=”female” />

</form>

</body>

</html>

 

Tag <map> digunakan untuk mendefinisikan gambar peta pada sisi client. Gambar peta ini merupakan gambar dengan area yang bisa di klik. Atribut nama elemen <map> dikaitkan dengan atribut usemap dengan <img> dan menciptakan hubungan antara gambar dan peta. Elemen <map> berisi sejumlah elemen <area>, yang mendefinisikan daerah yang dapat diklik dalam peta gambar.

Contoh Kode :

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

<!DOCTYPE html>

<html>

<body>

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

</body>

</html>

 

Masih banyak tag-tag baru di html5 ini yang belum dikupas, makanya jangan kemana-mana tetap[ pantau terus prothelon.com yaa!

Posted in Belajar HTML5 • Tags: Top Of Page