Sekilas HTML5 (3)

Input Form

Salah satu keunggulan HTML5 adalah ditambahnya beberapa type dalam input dan dikenalkannya beberapa attributes terbaru. Semua fasilitas terbaru ini didapatkan berdasarkan pengalaman-pengalaman dalam penggunaan HTML4. Bedanya untuk menghasilkan hal yang sama dengan HTML4 dibutuhkan coding tambahan baik berupa code HTML maupun javascript. 

Intinya input form HTML5 adalah hal yang baru tapi tidak baru.

Daftar type tambahan dalam HTML5 adalah :

• search : tipe pencarian
• tel : tipe telephone
• url : tipe url
• email : tipe email
• password: tipe password
• datetime : tipe tanggal dan waktu
• date : tipe tanggal
• month : tipe bulan
• week : tipe minggu
• time : tipe waktu
• datetime-local : tipe tanggal dan waktu lokal
• number : tipe nomor
• range : tipe range
• color : tipe warna

Sedangkan daftar attribute tbaru dalam HTML5 :

• autocomplete attribute : form pelengkap automatis
• dirname attribute : -
• list attribute : daftar 
• readonly attribute : form hanya untuk dibaca
• size attribute : ukuran
• required attribute : form wajib diisi
• multiple attribute : form dengan banyak pilihan
• maxlength attribute : ukuran maksimal form
• pattern attribute : pattern form
• min and max attributes : minimal dan maksimal form (untuk tipe angka)
• step attribute : step default (untuk tipe angka)
• placeholder attribute : form dengan background tulisan

Draft spesifikasi HTML5 dapat dilihat di :

http://dev.w3.org/html5/spec/Overview.html#the-input-element

Contoh penggunaannya dapat dilihat di :

http://www.html5bydemo.com/#!TYPE_EMAIL

Semantik HTML5

Semantik HTML,  idenya adalah memberikan arti pada sebuah dokumen. Bagi mata manusia, penggunaan semantik tidak terlihat secara langsung. Otak kita bisa mengerti bagian mana yang merupakan artikel, menu, sisi, kutipan dan lain sebagainya dengan melihat dan membaca. Tapi bagaimana dengan mesin. Misalnya sebuah crawler (contoh Google Bots) untuk mengetahui hal tersebut. Selain itu semantik yang jelas juga akan sangat membantu web designer untuk memelihara dan membuat design dokumen, karena penggunaan semantik yang standar akan memudahkan pemakaian template untuk bermacam dokumen. Contoh : sebuah template yang mengandung style untuk artikel, menu, sisi dapat diaplikasikan langsung ke semua dokumen yang memiliki artikel, menu dan sisi.

HTML5 memperkaya semantik HTML yang sudah ada, antara lain : article, aside, header, hgroup, nav, section, summary. Dapat dilihat langsung di :

http://www.html5bydemo.com/#!SECTION_ARTICLE