Membuat form dengan html
0 likes419 views
Dokumen ini membahas tentang pembuatan form HTML dan elemen-elemen penting yang ada di dalamnya, seperti textbox, checkbox, radio button, dan tombol submit. Ini juga menjelaskan atribut yang digunakan untuk mendeklarasikan elemen form serta cara pengiriman data ke aplikasi. Selain itu, terdapat penjelasan mengenai script yang digunakan untuk menghasilkan aksi saat tombol disimpan.
![PEMBAHASAN
MEMBUAT FORM
Form HTML merupakan tag yang paling penting dalam pemorgraman HTML
khususnya dalam pembuatan aplikasi berbasis web. Form menyediakan property masukan
yang dapat berupa textbox, check box, radio button, dan button.
Untuk mendkelariskan sebuah form digunakan tag <form>…</form>. Di dalam
tag ini di definisikan elemen – elemen form sperti yang telah di sebutkan di atas. Selain tag,
elemen form juga dapat menuliskan sembarang teks, tag, maupun image.
Atribut elemen form :
Action = lokasi dan nama file (file yang berisi data – data form)
Method = [get | post] metode HTTP untuk men-submit form
Properti masukan pada elemen form
1. Text box<input type=”text”>
Dignakan untuk memasukan input yang berupa teks.
Size = ukuran dari textbox dalam karakter
Maxsize = maksimal jumlah karakter yang dapat di input
Nama = nama variable yang dikirim ke suatu aplikasi
Value = akan menampilkan isinya sebagai nilai default
2. Password<input type=”password”>
Di gunakan untuk memasukan password
Size = ukuran textbox dalam karakter
Maxsize = maksimal jumlah karakter yang dapat di input
Name = nama variable yang dikirim ke suatu aplikasi
3. Hidden<input type”hidden”>
Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat
oleh browser.
Name = nama dari variable yang dikirim ke suatu aplikasi
Value = nilai dari variable](https://image.slidesharecdn.com/membuatformdenganhtml-150219052110-conversion-gate02/85/Membuat-form-dengan-html-1-320.jpg)
Membuat form dengan html
- 1. PEMBAHASAN MEMBUAT FORM Form HTML merupakan tag yang paling penting dalam pemorgraman HTML khususnya dalam pembuatan aplikasi berbasis web. Form menyediakan property masukan yang dapat berupa textbox, check box, radio button, dan button. Untuk mendkelariskan sebuah form digunakan tag <form>…</form>. Di dalam tag ini di definisikan elemen – elemen form sperti yang telah di sebutkan di atas. Selain tag, elemen form juga dapat menuliskan sembarang teks, tag, maupun image. Atribut elemen form : Action = lokasi dan nama file (file yang berisi data – data form) Method = [get | post] metode HTTP untuk men-submit form Properti masukan pada elemen form 1. Text box<input type=”text”> Dignakan untuk memasukan input yang berupa teks. Size = ukuran dari textbox dalam karakter Maxsize = maksimal jumlah karakter yang dapat di input Nama = nama variable yang dikirim ke suatu aplikasi Value = akan menampilkan isinya sebagai nilai default 2. Password<input type=”password”> Di gunakan untuk memasukan password Size = ukuran textbox dalam karakter Maxsize = maksimal jumlah karakter yang dapat di input Name = nama variable yang dikirim ke suatu aplikasi 3. Hidden<input type”hidden”> Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser. Name = nama dari variable yang dikirim ke suatu aplikasi Value = nilai dari variable
- 2. 4. Check Box<input type=”checkbox”> Check box digunakan untuk dapat memilih lebih dari satu pilihan. Name = nama dari variable yang dikirim ke suatu aplikasi Value = nilai dari variable Checked (checkbox yang sudah ditandai) 5. Radio Button<input type=”radio”> Radio button digunakan agar dapat memilih salah satu pilihan. Name = nama variabel yang dikirim ke suatu aplikasi Value = nilai dari variable Checked (radio button yang sudah di tandai) 6. Push Button<input type=”button”> Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi. Name = nama dari variable yang dikirim ke suatu aplikasi Value = label teks di atas tombol 7. Submit<input type=”submit”> Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilinya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam elemen FORM. Name = nama dari variable yang dikirim ke suatu aplikasi Value = label teks di atas tombol 8. Image Submit Button<input type=”image” src=”url”> Digunakan untuk menggantikan tombol standar submit dengan image. Name = nama dari variable yang dikirim ke suatu aplikasi 9. Reset<input type=”reset”> Digunakan untuk mereset semua masukan dalam form. Value = label teks di button
- 3. 10. Text Area<textarea>…</textarea> Elemen untuk memasukan teks secara leluasa seperti notepad. Nama = nama dari veriabel yang dikirim ke suatu aplikasi Rows = panjang baris dalam karakter Cols = tinggi kotak 11. Select<select>…</select> Daftar isi dalam property select menggunakan tag <option> Size = jumlah pilihan yang dapat terlihat Name = nama dari veriabel yang dikirim ke suatu aplikasi
- 4. TUGAS
- 5. Hasilnya adalah : Scrip untuk hah.html adalah:
- 6. Hasilnya setelah klik tombol simpan maka akan muncul: LISTING Terlampir