Cara membuat form di dalam halaman website kita yaitu kita harus membuat lembar kerja Yang baru . Kita akan mengetikkan pada kode HTML seperti ini <form> dan di akhiri atau di tutup Dengan perintah </form> ada beberapa form yang anda gunakan yaitu input area ataupun input
Text kemudian terdapat juga checkbox dan radio button selain itu terdapat juga pilihan atau option select. Kemudian untuk membuat kotak komentar kita akan menggunakan text area. Jika kita ingin membuat tombol kita dapat membuatnya dengan menggunakan submit dan untuk Membuat tombol hapus kita dapat menggunakan value atau reset. Cara membuat form tersebut adalah pada kode HTML kita ketikkan setelah form yaitu kita ketikkan <pre> gunanya agar tampilan di notepad ini sama dengan tampilan pada halaman wesite kita.
Selanjutnya kita ketikkan untuk membuat text inputnya kita ketikkan seperti ini <INPUT TYPE=text NAME=txtnama> begitu juga untuk input alamat ataupun input Nomor telepon. Untuk alamat dan nomor telepon pada kode HTMLnya kita tambahkan Size agar lebarnya sesuai yang kita inginkan. Kemudian untuk password kita buat inputnya Seperti ini <INPUT TYPE=password agar text yang kita ketikkan di tampilkan dalam bentuk Titik-titik ataupun bintang-bintang , sehingga orang lain tidak dapat membacanya. Kemudian Panjang karakternya kita ketik MAXLENGTH=6 yaitu minimum panjangnya enam digit. Setelah Itu kita simpan lalu buka pada halaman web kita dan refresh maka kita dapat melihat hasilnya. Untuk membuat hobby kita akab masukkan checkbox di kode HTML. Fungsi checkbox disini adalah Biar meletakkan banyak jenis hobinya. Caranya ketikkan label judulnya lalu ketik seperti ini <INPUT TYPE=checkbox NAME=hobby VALUE= baca> Membaca, kemudian simpan dan pada Halaman web kita refresh dan akan terlihat tampilan kotak hobby.
Untuk type form ataupun form-form yang lainnya yaitu merupakan radio button. Radio button Ini merupakan daftar pilihan yang salah satu harus di pilih, radio button tidak dapat memilih dua Pilihan contohnya membuat form jenis kelamin. Terlebih dahulu kita buat judulnya yaitu jenis kelamin, dan dibawahnya masukkan kode HTML yaitu <INPUT TYPE=radio NAME=jk VALUE=pria> laki-laki, setelah itu kita simpan dan pada halaman web kita di refresh maka akan terlihat tampilan tersebut. Kemudian untuk membuat pilihan atau kita kenal dengan drop down list adalah kita awali dengan <SELECT NAME=”memori”> dan pada option untuk membuat pilihannya adalah <OPTION SELECTED VALUE=”16 MB”> 16 MB, kemudian kita tutup perintah nya yaitu </SELECT>. Kadangkala terdapat di dalam form kotak dialog komentar, untuk membuat kotak Komentar kita dapat mengetikkan kode HTML seperti ini <TEXTAREA NAME=textarea ROWS=10 COLS=40>. Kemudian kita tutup </TEXTAREA>.
Selanjutnya kita akan membuat tombol kirim dan tombol batal. Maka kita akan ketikkan Pada kode HTMLnya adalah sebagai berikut <INPUT TYPE=submit VALUE=kirim > sedangkan untuk tombol reset kita ketik sebagai berikut <INPUT TYPE=reset VALUE=hapus>, kemudian Kita tutup perintahnya yaitu </FORM> lalu kita simpan dan buka pada halaman web kita dan Refresh maka form yang kita buat telah selesai di rancang dan siap untuk di gunakan
Register or Login




4 comments
#1IndraApril 6, 2011, 8:06 pm
Om, kalo form passwordnya mau bentuk bintang2 gimana? kan biasanya cuma titik2 aja, mohon jawabanny terima kasih….
#2yuhanesApril 26, 2011, 4:46 pm
Bapak yang terhormat,minta bantuannya ya.
saya kan buat website, terus disitu ada page reservasi.jadi saya membuat form reservasi, la yang ingin saya tanyakan bagaimana membuat tombol kirim agar form reservasi tersebut masuk ke inbox email saya.terima kasih sebelumnya
#3yuhanesApril 26, 2011, 4:52 pm
ini mas program form reservasi yang saya buat
Nama :
Alamat :
Telephone/Hp :
Chek – In :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Januari
Februari
Maret
April
Mei
Juni
Juli
Agustus
September
Oktober
November
Desember
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
Chek – Out :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Januari
Februari
Maret
April
Mei
Juni
Juli
Agustus
September
Oktober
November
Desember
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
Request:
kurang tombol kirim ke e-mail saya pak.he.he.he baru belajar pak?
#4bagasDecember 26, 2011, 9:35 pm
gan saya baru belajar php. saya mau nanyak “kan saya suda buat lembar kerja yang agan suruh, gimana cara buka lembar kerjanya agar keliatan hasilnya di mozilla?”
tolong jawabanya gan…….
Add your comment