Input Type Dalam HTML (Kisi-kisi mengajar hari ini)

input type htmlInput Type Dalam HTML (Kisi-kisi mengajar hari ini)|Pada pertemuan sebelumnya, kelas X MM SMK Nida El-Adabi pada mata diklat pemrograman dasar web dengan sub materi HTML sudah belajar mengenai table dan layout. Dan kemarin sudah membuat layout sebuah website sederhana, dan rencananya hari ini mau dilanjutkan ke pembahasan berikutnya yaitu tentang pembuatan form. Dalam form nantinya siswa akan berkenalan dengan input type. Terdiri dari apa saja input type dalam HTML, dan cara penulisan syntaksnya sebelum akhirnya membuat tampilan sederhana yang disisipkan kedalam body projek latihan sebelumnya.

Input type HTML 5
Input type dalam HTML 5 terdiri dari:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • time
  • url
  • week

Contoh penulisan syntaks dalam teks editor
Input type: Color
<input type=”color” name=”favcolor”>

Input type: Date
<input type=”date” name=”tanggal”>

Input type: datetime
<input type=”datetime” name=”tanggal ultah”>

Input type: Date time local<input type=”datetime-local” name=”tanggal ultah”>

Input type: email
<input type=”email” name=”tulis alamat email”>

Input type: month
<input type=”month” name=”bulan “>

Input type: number
<input type=”number” name=”quantity” min=”1″ max=”5″>

Input type: range
<input type=”range” name=”points” min=”1″ max=”10″>

Input type: search
<input type=”search” name=”googlesearch”>

Input type: time
<input type=”time” name=”usr_time”>

Input type: url
<input type=”url” name=”homepage”>

Input type: week
<input type=”week” name=”week_year”>

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: