Scribd Logo
Unggah

Selamat datang di Scribd!

  • Membuat Form Pada HTML

    Diunggah oleh

    reffalfauzi
    150 tayangan4 halaman
    Membuat Form pada HTML

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Membuat Form pada HTML

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    150 tayangan4 halaman

    Membuat Form Pada HTML

    Diunggah oleh

    reffalfauzi
    Membuat Form pada HTML

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    Membuat Form Pada HTML

    From HTML merupakan tag yang paling penting adalam 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 from 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 from : Action Method = lokasi dan nama file (file yang berisi data data form) = [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 Maxsize Nama Value = ukuran dari textbox dalam karakter = maksimal jumlah karakter yang dapat di input = nama variable yang dikirim ke suatu aplikasi = akan menampilkan isinya sebagai nilai default

    2.

    Password<input type="password"> Di gunakan untuk memasukan password Size Maxsize Name = ukuran textbox dalam karakter = maksimal jumlah karakter yang dapat di input = 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 Value = nama dari variable yang dikirim ke suatu aplikasi = nilai dari variable

    4.

    Check Box<input type="checkbox"> Check box digunakan untuk dapat memilih lebih dari satu pilihan. Name Value = nama dari variable yang dikirim ke suatu aplikasi = nilai dari variable

    Checked (checkbox yang sudah ditandai)

    5.

    Radio Button<input type="radio"> Radio button digunakan agar dapat memilih ahnya salah satu pilihan. Name Value = nama veriabel yang dikirim ke suatu aplikasi = 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 Value = nama dari variable yang dikirim ke suatu aplikasi = 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 Value = nama dari variable yang dikirim ke suatu aplikasi = 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 ayng dikirim ke suatu aplikasi

    9.

    Reset<input type="reset"> Digunakan untuk mereset semua masukan dalam form. Value = label teks di button

    10. Text Area<textarea></textarea> Elemen untuk memasukan teks secara leluasa seperti notepad. Nama Rows Cols = nama dari veriabel yang dikirim ke suatu aplikasi = panjang baris dalam karakter = tiggi kotak

    11. Select<select></select> Daftar isi dalam property select menggunakan tag <option> Size Name = jumlah pilihan yang dapat terlihat = nama dari veriabel yang dikirim ke suatu aplikasi

    Untuk mencobanya ketikan scrpt berikut pada notepad lalu simpan dengan estensi .HTML lalu jalankan. (copy paste aja) <html> <head><title>Form</title></head> <body> <form action="cetak.php" method="post"> <p> Nama <p> Alamat <p> Jenis Kelamin :</p> <input type="radio" name="sex" value="man"/>laki - laki <input type="radio" name="sex" value="woman"/>Perempuan <p> Pekerjaan :</p> : <input type="text" name="alamat"/></p> : <input type="text" name="nama"/></p>

    <select name="pekerjaan"> <option value="pelajar">Pelajar</option> <option value="Peg_negri">Pegawai Negri</option> <option value="Buruh">Buruh</option> </select> <p> Hobby :</p>

    <input type="checkbox" name="hobby" value="Sepakbola"/>Facebookan <input type="checkbox" name="hobby" value="Main Komputer"/>Main Komputer <input type="checkbox" name="hobby" value="Tidur"/>Tidur <p> <input type="submit" value="kirim data"/> <input type="reset" value="ulangi"/></p> </form> </body> </html>

    Hasilnya bakalan kaya gini

    Anda mungkin juga menyukai