Belajar Mudah Yuk!!!

Kembali menambahkan mengenai Learn for Easiness, belajar optimalisasi dengan kode² mudah :D Teringat kembali nih sob dengan Placeholder atribut. Ternyata dalam penerapannya banyak juga bisa diaplikasikan ke dalam berbagai bentuk. Sebelumnya kan cuman input area, jalan² ke web snippet script, HTML, CSS, JavaScript and etc eh ternyata bisa dilain tempat juga :P
Berikut beberapa sample yang Beben Koben si bloglang anu ganteng kalem tea comot ;)) :">

Create a Username:

Sobat diharuskan memasukan deretan huruf minimal 3 huruf dan tidak boleh lebih dari 10 huruf! Berikut kode²nya...
<form action="#" method="post">
<label for="username">Your Title here: </label>
<input type="text" name="username" id="" placeholder="4 <> 10" pattern="[A-Za-z]{4,10}" autofocus required>
<button type="submit">Search</button>
</form>

Membuat tulisan email dengan variabel placeholder

<input name="email" type="email" placeholder="YourAccount@YourEmail.com" size="27" />
Konon menurut issue HTML5, embed video YouTube bisa menggunakan variabel iframe! Contohnya...

<iframe type="text/html" width="100%" height="385" src="http://www.youtube.com/embed/qvgVMecNp0c" frameborder="0"></iframe>
Sobat hanya perlu menggantikan deretan code yg diberi warna ;) Dan YouTube sekarang sudah menggunakan link share dengan short Url teranyar, yaitu http://youtu.be/qvgVMecNp0c

Klik buat mengambil link bonus!
Semoga bermanfaat :)
Happy blogging \m/