HTML FORM
A. <Form> ELEMENT
HTML <form>
digunakan untuk mengumpulkan input pengguna.
<from> element
mendefinisikan atau mengartikan bentuk HTML:
EXAMPLE
<form>
.
form element
.
</form>
HTML form mengandung
unsur bentuk. Element form berbagi jenisi input element, checkbox, radio
button, submid button, dan lain-lain.
B. <INPUT> ELEMENT
<Input> elemen
adalah elemen bentuk yang paling penting. <Input> elemen memiliki banyak
variasi, tergantung pada jenis atribut. Berikut adalah jenis yang digunakan dalam
bab ini:
C. TEXT INPUT
<Input type =
"text"> mendefinisikan
sebuah field input satu baris untuk input teks:
EXAMPLE
<form>
First name:<br>
<input
type="text" name="fistname">
<br>
Last name:<br>
<input
type="text" name="lastname">
<form>
Catatan: Bentuk itu
sendiri tidak terlihat atau tersembunyi. Juga mencatat bahwa lebar default
kolom teks adalah 20 karakter tidak kurang dan tidak lebih.
D. RADIO BUTTON INPUT
<Input
type="radio"> definisi dari Radio Button. Radio Button memberikan pengguna
memilih SATU dari sejumlah pilihan:
EXAMPLE
<!DOCTYPE html>
<html>
<body>
<form>
<input
type="radio" name="sex" value="male"
checked>Male
<br>
<input
type="radio" name="sex" value="female">Female
</form>
</body>
Jika kita tampilkan di
WEB:
E. Submit Button
<Input
type="submit"> mengartikan
tombol untuk mengirim formulir ke FORM-HENDER. FORM-HENDER biasanya
halaman server dengan scrip untuk memproses input data. FORM-HENDER ditentukan
dalam artribut ACTION:
EXAMPLE
<!DOCTYPE html>
<html>
<body>
<form
action="http://www.w3schools.com/html/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>
</body>
Jika kita tampilkan: dan diedit dengan nama sendiri
F. Name Attribute
Untuk disampaikan dengan
benar atau tepat, masing-masing bidang masukan harus memiliki atribut nama.
EXAMPLE
<!DOCTYPE html>
<html>
<body>
<form action="http://www.w3schools.com/html/action_page.php">
First name:<br>
<input
type="text" value="Mickey">
<br>
Last name:<br>
<input
type="text" name="lastname" value="Mouse">
<br><br>
<input
type="submit" value="Submit">
</form>
</body>
contohnya ini bisa di ganti dengan variasi sendiri
G. Grouping Form DATA
with <fieldset>
<fieldset> kelompok element terkait dalam formulir.
<legend> element mengartikan keterangan untuk <fieldset> element.
EXAMPLE
<!DOCTYPE html>
<html>
<body>
<form
action="http://www.w3schools.com/html/action_page.php">
<fieldset>
<legend>Personal
information:</legend>
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">
</fieldset>
</form>
</body>
Jika ditampilkan di WEB: di edit dengan style sendiri
A. <Input> Element
Unsur bentuk yang paling
penting adalah <input> elemen.
<Input> elemen dapat bervariasi dalam banyak cara,
tergantung pada jenis atribut.
B. <select>
Element (Drop-Down List)
<select> element diartikan drop-down list
:
EXAMPLE
<!DOCTYPE html>
<html>
<body>
<form
action="http://www.w3schools.com/html/action_page.php">
<select
name="cars">
<option
value="volvo">Volvo</option>
<option
value="saab">Saab</option>
<option
value="fiat">Fiat</option>
<option
value="audi">Audi</option>
</select>
<br><br>
<input
type="submit">
</form>
</body>
Jika ditampilkan diWEB : diedit menggunakan notepad++ dan di desain dengan kesukaan sendiri
Komentar
Posting Komentar