PERTEMUAN 4
Tag form inputan HTML
<form>...</form>
=>untuk pemrosesan
Di dalam tag <form> ada beberapa elemen pendukung
<input>
<select>
<option>
<textarea>
....dsb
Attriibute paada tag <form>:
Action=> menuju ke link pemrosesan
Ex:
<form action=”proses.html”>
Method => get (mengambil nilai atau post 9mengirim nilai)
Ex :
<<form method=”get”>
Enctypr => encoding type, saat digunakan method post
Ex :
<form enctype=”multipart/form-data”>
Multipart/form-data = di gunakan apabila pemrosesan sebuah form mengandung
file/gmr
Name =>penamaan form
Ex :
<form name=”Fbiodata”>
Target =>menentukan tempat setelah pemrosesan
Ex:
<form target=”_blank”>
Tag <input>
Disabled=nonaktif tag
Size = lebar kolom inputan
Maxlength = jml max karakter
Placeholder=ket text dalam tag
Required=tag harus di isi
Readonly=hanya bisa dibaca, tidak bisa di rubah
Value=isi/nilai daari tag
Type= tipe inputan
Ex:
<input tupe=”...”>
Ex:
<input type=”password”>
Type attribute:
Text, radio, checkbox, file, submit, reset, password
Ex:
<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
<form>
User name:<br>
<input type="text" name="username"><br>
User password:<br>
<input type="password" name="psw">
</form>
User name:<br>
<input type="text" name="username"><br>
User password:<br>
<input type="password" name="psw">
</form>
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
First name:<br>
<input type="text" name="firstname" value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
<form>
<input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle2" value="Car"> I have a car
</form>
<input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle2" value="Car"> I have a car
</form>
Latihan pertemuan ke 3
<html>
<head>
<title>Contoh Formulir</title>
</head>
<body>
<h1>FORMULIR PERDAFTARAN</h1>
<form action="percobaan.html" method="post" enctype="multipart/form-data" name="form_reg">
Nama Lengkap :
<input type="text" name="nama_lengkap" size="30"maxlength="20" value="Fuad saefurokhman" disabled><br>
Jenis Kelamin :
<input type="radio" name="jenis_kel" value="Pria"> Pria
<input type="radio" name="jenis_kel" value="Wanita"> Wanita <br>
Hobi :
<input type="checkbox" name="hobi" value="Sepakbola"> Sepakbola
<input type="checkbox" name="hobi" value="Futsal"> Futsal <br>
Foto :
<input type="file" name="foto"> <br><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"placeholder="Silahkan isi alamat anda"></textarea> <br>
<input type="submit" value="Simpan" name="bsimpan">
<input type="reset" value="Batal" name="bbatal">
</form>
</body>
</html>
Tidak ada komentar:
Posting Komentar