Cari Blog Ini

Kamis, 24 Mei 2018

cara membuat form sederhana php-html

Halo teman kita jumpa lagi .. kali ini kita akan membahas tentang cara membuat form sederhana
pada form kali ini saya menggunakan aplikasi xampp untuk menjalankan projek kali ini semoga berguna untuk yang baru belajar java :D


FORM 

HTML menyediakan tag <FORM>
untuk membuat form di halaman web. Form digunakan untuk menerima masukan dari pengguna, untuk selanjutnya diolah. Untuk membuat form diperlukan juga tag<INPUT> yang terletak diantara <FORM> dan <FORM>


Tag <INPUT> antara lain memiliki atribut TYPE berikkut ini pilihan atribut TYPE:
       
 TYPE                                                               Keterangan
- text                                                  Masukan berupa text.
- password                                         Masukan berapa password, terlihat karakter tentu
- checkbox                                         Masukan berupa pilihan, dan pilihan itu bisa lebih dari satu
- radio                                                Masukan berupa pilihan, dan pilihan hanya satu
- submit                                             Tombol untuk menerima seluruh masukan
- reset                                                Tombol untuk membatalkan seluruh masukan 
- file                                                  Untuk menerima masukan berupa file
- imge                                                Mirip submit, untuk masukan berupa gambar yang dapat di klik
- button                                              Membuat tombol

Untuk tag<INPUT> yang atribut TYPE-nya text memiliki atribut lainnya yaitu:
  1.  NAME menamai kotak
  2. VALUE menantai atau menampung teks
  3. SIZE  mengatur ukuran teks pada kotak
  4. MAXLENGTH menentukan panjang maksimum teks
Contoh 1
formnya sebagai berikut.
Ketikan perintah-perintah dibawah ini.!
<htm>
<head>
  <tilte>Form 1</title>
</head>
<body>
   <form>
Nama: <input type ="text"name ="teks1"><br><br>
Kelas: <input type ="text" name ="teks2" maxlength="2"> <br><br>
No: <input type ="text" name ="teks3" value="10"> <br><br>
Hobby: <input type ="text"name="teks4"size="8"> <br><br>
Password: <input type ="password" name ="teks5">
</form>
</body>
</html>

simpan file Anda dengan nama: text1.php dan coba untuk run dengan local host.


hasil nya sepeti ini!



Contoh 2
<head>
<title> Form 2 </title>
</head>
<body>
<form name="data" action="form_1.html" method="post">
Nama-nama Guruku: <br><br>
<input type="checkbox" name="c1"> Pak suprawito <br>
<input type="checkbox" name="c1" Checked> Pak Arifin <br>
<input type="checkbox" name="c1"> Pak abdi <br>
<input type="checkbox" name="c1"> Bu dina <br><br>
Pelajaran favoritku: <br><br>
<input type="radio" name="r1"> Matematika <br>
<input type="radio" name="r1" > Fisika<br>
<input type="radio" name="r1"> Kimia <br>
<input type="radio" name="r1"Checked> Sejarah <br><br>
Situs Pilihanku: <br><br>
<select name="s1">
<option> Detik.Com </option>
<option selected> Kapanlagi.Com </option>
<option> Kickandy.Com </option>
<option> Mediamasakini.Net </option>
</select> <br><br>
Silahkan tuliskan komentar Anda di bawah ini:
<br><br> <textarea name="kesan" rows="5" cols="20">
Masukkan komentar di sini !!!
</textarea> <br><br>
<input type="submit" value="kirimkan"><br>
<input type="reset" value="ulangi"><br>
</form>
</body>
</html>

simpan file Anda dengan nama: text2.php dan coba untuk run denagan localhost.


hasil dari kodingan nya seperti ini

sekian dari pembelajaran dari saya semoga bermanfaat:D.. hehehe
di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

macam- macam tag pada html dan fungsinya

sebagai pengguna baru apa itu tag html ,dalam hal ini tag pada html adalah untukmembuat tampilan pada WEB yang akan kita buat agar lebih men...

  • pembelajaran dasar php
    php Apa itu php..? Merupakan singkatan recursive dari php: Hypertext prepocessor Pertama kali dibuat oleh Rasmus Lerdorf pada...
  • cara membuat form sederhana php-html
    Halo teman kita jumpa lagi .. kali ini kita akan membahas tentang cara membuat form sederhana pada form kali ini saya menggunakan aplikasi ...
  • macam- macam tag pada html dan fungsinya
    sebagai pengguna baru apa itu tag html ,dalam hal ini tag pada html adalah untukmembuat tampilan pada WEB yang akan kita buat agar lebih men...