• About
  • Privacy Policy
  • Contact
  • SiteMap

PINYINKPIN

memberikan sedikit informasi atau ilmu kepada umum tentang berbagai bidang

  • Home
  • Bootstrap
  • Jaringan
    • cisco
  • umum
Home » html » Macam-Macam Input Form Pada HTML5

Macam-Macam Input Form Pada HTML5

Pindi Pin
1 Comment
html
Tuesday, June 7, 2016
pinyinkpin - HTML5 merupakan komponen yang penting dalam desain web maupun dalam coding web, hampir semua web menggunakan HTML, di dalam HTML terdapat form , form ini lah sebagai media input dalam web yang kemudian akan di proses menggunakan pemrograman php atau yang lain. Form memiliki inputan yang bermacam macam , dari mulai text sampai date and time. Berikut adalah macam macam inputan dalam form . From di awalai dengan sintak <form> </form>

Form Input Jenis Text

Form ini biasa digunakan dalam HTML5 sebagai media input text, username, maupun yang lainnya, cara penggunaannya pun mudah, lihat contoh
<input type="text" name="nama" value="" />  

Form Input Jenis Password

 Seperti judulnya, form ini digunakan untuk password, ketika kita menulis hurufnya akan otomatis jadi bullet.
<input type="password" name="" value=""/>

Form Input Jenis Submit

ini adalah submit atau button, sebagai tombol untuk mengirimkan  value atau nilai dari form yang lain.
<input type="submit" name="submit" value="masukkan" />

 Form Input Jenis Radio

Form ini punya lingkaran seperti pemutar radio yang cara penggunaannya di klik
<input type="radio" name="jenis" value="1" checked>pria
<br>
<input type="radio" name="jenis" value="2">wanita
pria
wanita

Form Input Jenis Checkbox

Checkbox atau kotak cek . Penggunaannya cukup mencentang pada kotak
<input type="checkbox" name="pekerjaan" value="wirausaha">wirausaha
<br>
<input type="checkbox" name="pekerjaan" value="PNS">PNS
wirausaha
PNS

Form Input Jenis Number

Number atau nomer, cocok untuk di gunakan untul field yang hanya menggunakan angka.
<input type="number"/>

Untuk Jenis form ada banyak di antaranya sebagai berikut

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
Penggunaan nya sama saja yaitu dengan sintak <input type="[jenis iputan]" /> . Untuk atributnya pun sama yaitu name dan value saja. Umumnya dalam form hanya itu, kecuali jika ada atributnya yang lain yang harus di gunakan.
Sekian dan Terimakasih bye 
Tweet
Title : Macam-Macam Input Form Pada HTML5
Description : pinyinkpin - HTML5 merupakan komponen yang penting dalam desain web maupun dalam coding web, hampir semua web menggunakan HTML, di dalam HT...
Rating : 5

1 Response to "Macam-Macam Input Form Pada HTML5"

  1. AdminJune 7, 2016 at 5:36 PM

    good artikel gan....

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

← Newer Post Older Post → Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • Membuat Sistem Absensi Dengan PHP dan MYSQL
    pinyinkpin - Halo semua, kali ini saya akan mengajarkan bagaimana membuat sistem absensi dengan php dan mysql . Sistem absensi kali ini say...
  • Macam-Macam Button Dalam Bootstrap
    pinyinkpin - dalam bootstrap terdapat beberapa button, baik itu singgle button maupon group button, button dalam bootstrap dapat digunakan ...
  • SCRIPT PHP MENAMPILKAN ANGKA SATU SAMPAI 10
    SCRIPT PHP MENAMPILKAN ANGKA SATU SAMPAI 10 assalamualaikum wr wb kali ini admin akan mengshare script php untuk menampilkan angka satu s...
  • Macam-Macam Input Form Pada HTML5
    pinyinkpin - HTML5 merupakan komponen yang penting dalam desain web maupun dalam coding web, hampir semua web menggunakan HTML, di dalam HT...
  • macam-macam Algoritma perulangan dengan contoh bintang
    pinyinkpin - Halo apa kabar?, kali ini saya akan membahas macam-macam algoritma perulangan , dalam bahasa pemrograman, perulangan selalu ada...

Labels

bootstrap (7) CI (2) cisco (2) codeigniter (1) corel (1) grafis (1) html (7) internet (2) mysql (10) ngetik (1) penulisan bootstrap (1) php (5) privacy pilicy (1) sublime (1) umum (10) xampp (2)
Copyright 2015 PINYINKPIN Powered by Blogger