Belajar Pemrograman PHP Untuk Pemula Sampai Mahir - Kandang PHP
- Dapatkan link
- Aplikasi Lainnya
Tempat Untuk Belajar Pemrograman PHP dari Pemula sampai Mahir
Jenis Input Type pada Pembuatan Form PHP
Setelah membaca tutorial tentang Cara Membuat Form pada PHP kali ini kita akan membahas tentang Jenis Input Type pada Pembuatan Form PHP. Input type yang sebelumnya sudah pernah ditampilkan hanya ada text dan submit, untuk kesempatan kali ini kita akan membahas lebih detail tentang input type ini, berikut macam, contoh dan penjelasannya. Untuk file kita akan menggunakan file dengan ekstensi .html.
Tampilannya akan seperti dibawah ini :
Nama :
Tampilannya akan seperti dibawah ini :
Alamat :
Tampilannya akan seperti dibawah ini :
Password : Silakan kalian coba inputkan kata
Tampilannya akan seperti dibawah ini :
Number :
Tampilannya akan seperti dibawah ini :
Tanggal :
Tampilannya akan seperti dibawah ini :
Klik disini ->
Lalu apa bedanya dengan type submit? Button akan menjalankan perintah yang telah di tuliskan pada attribut onclick yang terdapat pada perintah Button, sedangkan Submit akan menjalankan form action yang sudah dituliskan.
Tampilannya akan seperti dibawah ini :
Hobi : Blogging
Tampilannya akan seperti dibawah ini :
Jenis Kelamin : Laki-Laki Perempuan
Tampilannya akan seperti dibawah ini :
Negara :
Kali ini kita sudah membahas tentang Jenis Input Type pada Pembuatan Form PHP dan ini hanya sebagian dari banyaknya jenis input type yang tersedia. Beberapa yang sudah kita bahas itu adalah input type yang paling sering digunakan pada form-form pemrograman web. Sampai berjumpa di artikel selanjutnya.
INPUT TYPE TEXT
Ini adalah input type yang paling standar dan banyak digunakan, input type ini bisa menginputkan string. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Nama : <input name="nama" type="text" /> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Nama :
INPUT TYPE TEXTAREA
Input ini digunakan untuk mengisi data yang memiliki banyak baris seperti komentar, alamat, dan sebagainya. Pada TextArea kita bisa mengatur banyak baris dan kolom yang bisa kita isikan. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Alamat : <textarea name="alamat" rows="7" col="150"></textarea> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Alamat :
INPUT TYPE PASSWORD
Input dengan type ini tidak akan menampilkan apapun yang kita ketikan pada Input Box dan sesuai dengan type-nya digunakan untuk menginputkan password. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Password : <input name="password" type="password" /> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Password : Silakan kalian coba inputkan kata
INPUT TYPE NUMBER
Input ini digunakan untuk menambahkan angka sesuai dengan default dan aturan yang ditentukan. Disini kita dapat mengatur nilai default-nya dan juga step-nya. Input dengan tipe ini sering digunakan untuk website jual beli dan digunakan saat memasukan banyaknya jumlah barang yang akan dijual atau dibeli. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Jumlah : <input name="jumlah" type="number" min="1" max="100" step="1" /> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Number :
INPUT TYPE DATE
Input ini sesuai dengan nama type-nya yaitu untuk memilih tanggal. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Tanggal : <input name="tanggal" type="date" /> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Tanggal :
INPUT TYPE BUTTON
Untuk input ini digunakan sebagai tombol bisa untuk menampilkan alert atau yang lainnya tergantung event apa yang didaftarkan. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> <input type="button" value="Tombol" onclick="alert('Message!!')" /> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Klik disini ->
Lalu apa bedanya dengan type submit? Button akan menjalankan perintah yang telah di tuliskan pada attribut onclick yang terdapat pada perintah Button, sedangkan Submit akan menjalankan form action yang sudah dituliskan.
INPUT TYPE CHECKBOX
Input ini sesuai dengan nama type-nya yaitu untuk memilih tanggal. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Hobi : <input name="hobi" type="checkbox" value="Blogging" /> Blogging </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Hobi : Blogging
INPUT TYPE RADIO/RADIOBUTTON
Input ini sesuai dengan nama type-nya yaitu untuk memilih tanggal. Contoh :
1
2
3
4
5
6
7
| <html> <body> <form action="" method="post"> Jenis Kelamin : <input name="jk" type="radio" value="laki" /> Laki-Laki <input name="jk" type="radio" value="perempuan" /> Perempuan </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Jenis Kelamin : Laki-Laki Perempuan
INPUT TYPE OPTION
Input ini sesuai dengan nama type-nya yaitu untuk memilih tanggal. Contoh :
1
2
3
4
5
6
7
8
9
10
11
12
| <html> <body> <form action="" method="post"> Negara : <select name="negara"> <option value="Indonesia">Indonesia</option> <option value="Korea">Korea</option> <option value="Amerika">Amerika</option> </select> </form> </body></html> |
Tampilannya akan seperti dibawah ini :
Negara :
Kali ini kita sudah membahas tentang Jenis Input Type pada Pembuatan Form PHP dan ini hanya sebagian dari banyaknya jenis input type yang tersedia. Beberapa yang sudah kita bahas itu adalah input type yang paling sering digunakan pada form-form pemrograman web. Sampai berjumpa di artikel selanjutnya.
- Dapatkan link
- Aplikasi Lainnya
Komentar
Posting Komentar