1)
Format formulir secara
vertikal
Sejalan dengan perkembangan
teknologi mobile, halaman web yang berbasis mobile tentunya sebuah halaman web
di dalam perangkat mobile akan memerlukan form di dalam menerima input dari
pengguna. Untuk menyesuaikan dengan lebar layar dari perangkat mobile, misalkan
handphone ataupun ipad, maka layout dari sebuah halaman web harus disesuaikan,
termasuk juga untuk layout dari sebuah form. Umumnya apabila sebuah form akan
digunakan pada aplikasi mobile, layout yang diterapkan adalah layout secara
vertikal, sesuai dengan karakteristik layar yang tidak terlalu besar. Berikut
ini adalah contoh dari sebuah form dengan layout vertikal.
|
<!DOCTYPE
html>
<html>
<head>
<title>cek
form </title>
</head>
<body>
<FORM
METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
<H4>FORM DATA SISWA</H4>
<INPUT TYPE="text"
NAME="var1" SIZE="30" VALUE="Masukan nama.">
<BR><BR>
<B>Apakah Anda Siswa?</B>
<INPUT TYPE="checkbox" NAME="var2">
<BR><BR>
<B>Berapa umur Anda?</B>
<BR>
<INPUT TYPE="radio"
NAME="var3" VALUE="r1">10 - 15
<BR>
<INPUT TYPE="radio"
NAME="var3" VALUE="r2">16 - 20
<BR>
<INPUT TYPE="radio"
NAME="var3" VALUE="r3">21 - 25
<BR><BR>
<INPUT TYPE="submit"
NAME="var4" VALUE="Kirim">
<INPUT TYPE="reset"
NAME="var5" VALUE="Hapus">
</form
</body>
</html>
|
