BSI Purwokerto - Belajar HTML ( part 3 )
PERTEMUAN 4
Tag Form HTML
<form>…….</form>
Digunakan untuk pemrosesan
Di dalam tag <form> ada beberapa elemen pendukung seperti :
<input>,
<select>,
<option>,
<textarea>,dsb..
Attribute pad tag <form> :
1. Action = menuju link pemrosesan
Contoh : <form action=”proses.html”>
2. Method = get(mengambil nilai) atau post(mengirim nilai)
Contoh : <form method=”get”>
3. Enctype = encoding type, saat digunakan method post.
Contoh : <form enctype=”multipart/form-data”>
(multipart/form-data digunakan bila pemrosesan sebuah form mengandung file/gambar)
4. Name = penamaan form
Contoh : <form target=”FBiodata”>
5. Target = menetukan tempat setelah pemrosesan
Contoh : <form target=”_blank”>
(form akan membuka tab baru setelah pemrosesan)
Attribute tag <input>
1. Name = penamaan tag
2. Disable = menonaktifkan tag
3. Width = mengatur lebar tag (type: image)
4. Height = mengatur tinggi tag (type: image)
5. Size = lebar kolom inputan
6. Maxlenght = mengatur jumlah maksimum karakter
7. Placeholder = keterangan tex dalam tag
8. Required = tag harus diisi
9. Readonly = hanya bisa baca, tidak bisa dirubah
10. Value = isi/nilai dari tag
11. Type = tipe inputan
Contoh : <input type=”password>
Attribute type pada tag <input> : text, checkbox, file, submit, reset, password.
Berikut script dan hasil latihan membuat Formulir pada HTML :
<html>
<head>
<title>Contoh Formulir</title>
</head>
<body>
<h2>FORMULIR PENDAFTARAN</h2>
<form action="proses.html" method="post"
enctype="multipart/form-data" name="form_reg">
Nama Lengkap : <input type="text" name="nama_lengkap" size="30" maxlength="5" value="Saefur Rohman" required>
<br>
Jenis Kelamin :
<input type="radio" name="jekel" value="Pria"> Pria
<input type="radio" name="jekel" value="Wanita">Wanita
<br>
Hobi :
<input type="checkbox" name="hobi" value="Renang"> Renang
<input type="checkbox" name="hobi" value="Basket"> Basket
<br>
Foto :<input type="file" name="foto">
<br>
Status : <select name="status" size="1">
<option value="Menikah">Menikah</option>
<option value="Belum Menikah">Belum Menikah</option>
</select>
<br>
Alamat :
<textarea name="alamat" rows="5" cols="50"></textarea>
<br>
<br>
<input type="submit" value="SIMPAN" name="bsimpan">
<input type="reset" value="BATAL" name="bbatal">
</form>
</body>
</html>
Dan ini tampilannya :
Sekian rangkuman pertemuan 4 tanggal 2 April 2018 MK : Web Programing 12.2F.21, terima kasih.
Tidak ada komentar:
Posting Komentar