Senin, 08 April 2019

Belajar Pemrograman Web Bagian 3

Untuk kebanyakan mahasiswa terutama yang kuliah di STMIK pasti tidak asing dengan mata kuliah pemrograman web. Untuk itu saya ingin berbagi materi pemrograman web bagian 3.

1. Membuat Form
From HTML merupakan tag yang paling penting adalam pemrograman 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 elemenelemen form sperti yang telah di sebutkan di atas. Selain tag, elemen form juga dapat menuliskan sembarang teks, tag, maupun image.

Atribut elemen from :
§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">
     Digunakan 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














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 hanya salah   satu pilihan.
   Name                    = nama veriabel 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 ayng dikirim ke         suatu aplikasi
9. Reset<input type="reset">
    Digunakan untuk mereset semua masukan dalam form.
    Value                    = label teks di button

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

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














Ini bagian ke 3 yang bisa saya bagikan, semoga bermanfaat.............

Daftar Pustaka :

















Tidak ada komentar:

Posting Komentar