17 April 2017

Membuat Form dengan HTML



Form
Form merupakan elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman web.
Sintaks :
<form action=” URL “ method=”get/post”>
</form>
Jenis masukan dalam suatu form dibedakan menjadi : 
Text : digunakan untuk memasukkan suatu nilai untuk dikirimkan ke server. Nilai bisa berupa angka atau teks.  
Text Area : digunakan untuk memasukkan data dalam bentuk teks yang jumlah karakternya banyak. 
Radio : menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih. 
Check Box : menyediakan beberapa pilihan, bisa lebih dari satu pilihan. 
Dropdown : pilihan dalam bentuk list, pilihan dapat lebih dari satu. 
Button : mendefinisikan tombol untuk melakukan pemrosesan form.  
Submit : untuk memanggil url, setelah selesai penginputan form.
Reset : untuk menginisialisasi setiap elemen form.
Button : untuk memebuat form lebih interaktif, untuk memanggil
script (fungsi) yang ada dalam dokumen HTML.
Image : digunakan sebagai pengganti button, button yang berbentuk gambar.

Type="text"  & “password” 


Baca artikel sebelumnya PRAKTIK 23 FONT HTML
Buatlah sebuah dokumen HTML untuk tulisan dibawah ini, buka notepad++
Simpan dengan nama Form1.html

<html>
<head><title>Latihan Form1</title>
</head>
<body>
<form action="">
First name: <input type="text" name="firstname">
Last name: <input type="text" name="lastname"><br>
Username: <input type="text" name="user" maxlength="20"><br>
Password: <input type="password" name="password"><br /><br />
<input type="button" name="ok" value="       OK       " />
</form>
</body>
</html> 

Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
Download Filenya dilink dibawah ini

https://www.4shared.com/s/fU4QjKquWca
 
Baca artikel selanjutnya PRAKTIK 25 CHECKBOX HTML

No comments: