HTML Form

Tag HTML yang jarang diketahui

Tag HTML yang jarang diketahui – Pada kesempatan kali ini saya hendak membagikan beberapa tag html yang jarang orang ketahui.

Baca juga : Tutorial membuat pdf dengan PHP

1. Progress Tag

Tag ini biasanya digunakan untuk menampilkan jalannya suatu proses dalam bentuk progress bar. Penggunaannya cukup mudah, kita hanya tinggal mengisi nilai pada attribute value (sejauh mana proses sudah diselesaikan) dan max (nilai maksimum proses yang diselesaikan) sebagai acuan.

Biasanya penggunaannya dikombinasikan dengan javascript untuk mengupdate progress bar secara real time (javascript digunakan untuk mengubah nilai pada attribute value dan max).

 <progress id="file" value="32" max="100"> 32% </progress>

2. Meter Tag

Hampir sama dengan tag html progress, bedanya meter tag digunakan untuk mengetahui batasan range dari suatu nilai. Contoh penggunannya adalah untuk mengetahui berapa banyak penggunaan space pada hard disk.

Pada meter tag, yang harus diisi ada 3 attribute yaitu value, min dan max.

 <meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter>

3. Fieldset Tag

Tag html yang satu ini digunakan untuk memudahkan kita dalam pembuatan suatu form, biasa nya dalam pengisian form yang memiliki banyak field akan lebih mudah bila kita memetakan field tersebut kedalam beberapa segment, dan untuk itulah kita dapat menggunakan tag html ini.

 <form action="/action_page.php">
  <fieldset>
    <legend>Personalia:</legend>
    <label for="fname">First name:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">Last name:</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">Birthday:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="Submit">
  </fieldset>
</form>

4. Marquee Tag

Jika anda membutuhkan animasi text yang dapat bergerak dari atas ke bawah, dari kiri ke kanan ataupu sebaliknya, maka tag html ini lah jawabannya.

Penggunaannya juga cukup mudah, tinggal masukan text ke dalam tag marquee dan tentukan arah aimasi dengan attribute direction dan anda juga dapat mengatur kecepatan animasi dengan aatribute scrollamount.

<marquee width="60%" direction="up" height="100px">
This is a sample scrolling text that has scrolls in the upper direction.
</marquee>

5. Ins dan Del Tag

Tag html ini biasa digunakan untuk menambahkan dan mengurangi text tertentu dalam suatu dokumen, biasa digunakan untuk merevisi atau memperbaiki bagian-bagian text dari dokumen yang di anggap keliru.

My favorite color is blue red!

Demikian lah beberapa tag html yang jarang diketahui, sebenarnya masih banyak sekali tag tag html yang dapat kita gunakan sesuai kebutuhan kita dalam men-develope suatu website. Tapi sejauh ini beberapa tag html ini lah yang saya sering gunakan namun tidak banyak orang mengetahuinya. Terima kasih.

Leave a Reply

Your email address will not be published. Required fields are marked *