David Lawrence's Official Blog: Membuat Form

Dalam sebuah media sosial, tentu biasanya ditemukan form-form sederhana seperti harus mengisi username/ID dan password untuk dapat berinteraksi dengan orang lain. Nah, kali ini saya akan membagikan beberapa hal tentang cara membuat form dalam HTML

Beberapa sintaks yang harus diketahui :

Membuat form

<FORM METHOD="method yang dipakai" ACTION="alamat lanjutan">

Membuat isi form

<INPUT TYPE="jenis input" NAME="nama input">

Membuat tombol OK/Reset

<INPUT TYPE=SUBMIT VALUE="nama tombol submit">
<INPUT TYPE=RESET VALUE="nama tombol reset">

Berikut Contohnya :

<html>
<head>
<title>Latihan FORM</title>
</head>
<body>

// Membuat form dengan melanjutkan ke bagian kirim.php3
<form method=post action=kirim.php3>
<pre>

// Isi Form
Nama : <input type=text name=nama>
Alamat : <input type=text name=alamat size=40 maxlength=60>
Email : <input type=text name=email size=20>
Telepon : <input type=text name=telepon size=7>

// Membuat tombol submit dan reset
<input type=submit value=Ok>
<input type=reset value=Batal>

</pre>
</form>
</body>
</html>

Hasilnya :

Mungkin ada pertanyaan, apakah fungsi tag <PRE> ? Ini disebut tag PREFORMATTED, yang artinya naskah ditampilkan dalam bentuk layout sebenarnya.Apa bedanya dengan atau tanpa tag PRE? Masih bingung? Lihat kode dan hasilnya..

<html>
<head>
<title>Tester</title>
</head>
<body>
Tanpa pre
<p>
<pre>
Dengan pre
</pre>
</body>
</html>

Hasilnya :

David Lawrence's Official Blog

Laman

Minggu, 18 Agustus 2013

Membuat Form - HTML

Tidak ada komentar:

Posting Komentar