Laporan Praktikum Tag Formulir

Materi Praktikum : Tag Formulir

Tanggal Praktikum : Selasa, 5 Otober 2021

Hasil :

1. Langkah awal yaitu membuat file baru pada sublime text, kemudian simpan file dengan nama latihan 4.html

2. Kemudian ketik tag formulir dan beri judul dengan formulir

3. Selanjutnya, isi bagian body dengan

a. tag h1 untuk membuat judul ; formulir data diri,

b. masukkan tag form untuk membuat form pada dokumen html

c. kemudian tag tabel (masukkan nama, nim, program studi, fakultas, universitas) dan tag form.

d. Tag input digunakan untuk melakukan pemasukan data dan letaknya berada didalam tag form

e. Tag input type text berfungsi untuk menampilkan kolom isian dari user

4. Didapatkan hasil sebagai berikut

5. Selanjutnya membuat tanggal lahir dengan menggunakan type date

6. Didapatkan hasil sebagai berikut

7. Kemudian membuat email dengan menggunakan type email

8. Didapatkan hasil sebagai berikut

9. Membuat password dengan menggunakan type password, pada type ini sama seperti type text, namun text isian tidak akan ditampilkan, namun diganti dengan karakter khusus.

10. Didapatkan hasil sebagai berikut

11. Membuat alamat dengan menggunakan TextArea, untuk membuat field yang lebih luas untuk memasukkan komentar atau keterangan

12. Didapatkan hasil sebagai berikut

13. Membuat checkbox berguna untuk membuat kotak cek. Dengan masukan yang memungkinkan pemakai mencentang atau tidak mencentang kotak tersebut dengan mengklik mouse pada saat penunjuk mouse menunjuk kotak cek. Umumnya pengguna dapat memilih lebih dari satu pilihan

14. Didapatkan hasil sebagai berikut

15. Membuat jenis kelamin dengan type radio button, Penggunaan type radio dapat menghasilkan pilihan namum hanya 1 pilihan yang dapat dipilih

16. Didapatkan hasil sebagai berikut

17. membuat select dan option, berfungsi untuk memberikan pilihan berupa dropdown menu

18. Didapatkan hasil sebagai berikut

19. Membuat select

a. Atribut name untuk tag select digunakan sebagai identitas dari tag select tersebut. Identitas ini diperlukan pada saat pemrosesan di sisi server (misalnya menggunakan PHP). Atribut name inilah yang akan menjadi varibel penampung nilai yang dipilih oleh user. Atribut name diletakkan di dalam tag select, bukan di dalam tag option

b. Atribut value digunakan di dalam tag option. Nilai dari atribut inilah yang akan dikirimkan kedalam web server, sehingga disarankan menggunakan nilai yang mencerminkan pilihan user. Nilai dari value tidak harus sama dengan apa yang dilihat user.

21. Membuat tombol save

22. Didapatkan hasil akhir sebagai berikut