Belajar Pemrograman PHP Untuk Pemula Sampai Mahir - Kandang PHP

-
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.

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.

Komentar

Posting Komentar

Postingan populer dari blog ini

Login, Session, dan Logout

-
Gambar
Login, Session, dan Logout Login dan logout merupakan proses yang hampir tiap kali kita temui sewaktu browsing. Misalnya saja untuk cek e-mail atau masuk ke account di friendster, atau.. (saking banyaknya, saya sampai tidak bisa menyebutkan satu persatu). Sekarang saatnya kita mencoba membuat form login dan logout sendiri  secara sederhana . Menggunakan PHP & MySQL tentunya. Langkah-langkahnya: Jika anda mencoba dari komputer stand-alone, jalankan dulu webserver dan database server anda. Untuk gampangnya, gunakan saja  phptriad . 1. Database Setiap user yang login akan dicek username dan passwordnya dari tabel user yang terdapat pada database. Kita buat dulu databasenya: Perintah yang digunakan: create database coba; use coba; create table users ( id int auto_increment not null, username varchar(20) not null, password varchar(35) not null, primary key(id) ); jika sudah selesai, ketikkan perintah desc users; maka akan tampil seperti berikut ini:...
Baca selengkapnya
-
Gambar
Membuat Login dan Register Sederhana dengan PHP dan MySQL. fyan_bluffy Gudang Koding  - Kali ini Gudang Koding akan memberikan Tutorial tentang membuat Sebuah Form Login dan Register sederhana Menggunakan PHP dan MySQL, lagi lagi saya tekankan jika anda masih dalam tahap belajar dalam pemograman PHP silahkan Baca Tutorial saya sebelumnya, tentang dasar dasar pemograman PHP.  Spesifikasi Program dan Database :  Program dibuat menggunakan PHP Murni ( Native ) Database Program Menggunakan MySQL. Tabel yang digunakan hanya 1 ( satu ) CSS menggunakan Bootstrap Framework Implementasi Form dan Session pada PHP. File dari Tutorial bisa Anda Download. Buat sebuah Database dengan nama  simplelogin  lalu buat Table " user " dengan detail sebagai berikut :  - username : varchar : 50 : Primary Key  - password: varchar : 100 : -  - email: varchar : 50 : Unique  - nama: varchar : 35: -  Pastikan Urutannya Sama.  Lalu buat str...
Baca selengkapnya

Cara Membuat File Setup / Installer Aplikasi Sendiri dengan Inno Setup Compiler

-
Gambar
Pernahkah anda bertanya-tanya bagaimana caranya membuat file setup / installer / installan aplikasi sendiri dalam berbentuk .exe ? kemungkinan anda akan menemukan hal ini ketika akan menginstall sebuah aplikasi dan anda diharuskan untuk mengklik  next-next  dan  next  agar aplikasi tersebut terinstall. Namun, ketika anda membuat sebuah aplikasi menggunakan Visual Studio (misalnya) semua isi file tersebut akan berantakan dan pada waktu inilah anda perlu sebuah aplikasi untuk merapihkan file-file yang berantakan tersebut menjadi satu  package installer  sehingga pengguna yang akan menginstall aplikasi anda pun tidak akan kebingungan. Adapun nama aplikasinya adalah Inno Setup Compiler. Inno Setup  adalah sebuah perangkat lunak instalasi bebas berbasis skrip yang ditulis menggunakan Embarcadero Delphi oleh Jordan Russel. Versi pertama perangkat lunak ini dirilis tahun 1997. Aplikasi ini memudahkan para programmer untuk menyatukan beberapa file p...
Baca selengkapnya