Menyajikan Komponen Entri Teks
1) Komponen text area multiline
Komponen text area merupakan area
tempat untuk menyimpan text atau tulisan
baru, atau bisa dikatakan sebuah
komponen HTML yang digunakan untuk
menampilkan text dalam bentuk dan
format text.
Untuk
menampung input teks yang panjang
dan mungkin tersusun atas lebih
dari 1 baris, maka digunakan
komponen input ‘textarea’. TEXTAREA dapat
digabungkan dengan tag FORM untuk
menjadi inputan yang akan diolah oleh
file pemroses sebagaimana seperti
yang telah di
jelaskan pada tag FORM
tersebut.
Format umum penulisan text area
multiline
<textarea atribute=”atribute">
Contoh penulisan
<!DOCTYPE html>
<html>
<head>
<title>cek form </title>
</head>
<body>
<p> Silahkan diisi pada teks area yang
tersedia</p>
<p><textarea
NAME=”papantulis” COLS=40 ROWS=6>
</textarea></p>
</body>
</html>
:
2.Komponen input text password
Komponen input text password
bertanggung jawab untuk memasukan
data
password. Dari atribut
-
atribut tersebut, yang utama dan
terutama harus
disesuaikan atau diberi nama sesuai
dengan item datanya adalah atribut
‘name’, karena file yang dituju pada
atribut action di tag form, yang biasa
nya
adalah file server side scripting
(PHP) akan mengambil input dari form
berdasarkan atribut nama (‘name’)
dari komponen input form
tersebut.Disamping tipe text,
terdapat pula tipe input teks yang lain, yakni
‘password’. Input tpe ‘password’ ini
akan men
ghasilkan input dengan notasi ’●’.
Biasanya input tipe ‘password’
digunakan dalam form untuk masukan kata
kunci atau password dari pengguna di
dalam form login.Format dari elemen
input text password HTML
-
nya adalah sebagai berikut
<input type=password
name=name>
<input type=password name=name maxlength=length>
<input type=password name=name size=size>
<input type=password name=name value=value>
3.Komponen input text
Komponen input text merupakan
komponen untuk memasukan data text ke
server dalam bentuk textfield.Format
tag HTML nya adalah sebagai berikut :
<INPUT TYPE=TEXT NAME=name>
<INPUT TYPE=TEXT
NAME=name MAXLENGTH=length>
<INPUT TYPE=TEXT NAME=name SIZE=size>
<INPUT TYPE=TEXT NAME=name VALUE=value>
4)Form menggunakan input hidden Format
tag form input hidden HTML nyaadalah sebagai berikut :
<INPUT TYPE=HIDDEN NAME=name VALUE=value>
5)Pembuatan form biodata dengan
input text
<html>
<head>
<title> Form 1 </title>
</head>
<body
<form name=”form1” method=”POST”
action=”inputdata.php”>
Nama : <
input type="text"
name="nama"><br><br>
Kelas: <input type="text"
name="kelas"
maxlength="2"><br><br>
No : <input type="text" name="nomor"
value="10"><br><br>
Hobby: <input type="text"
name="hobby"
size="8"><br><br>
Password: <inpu
t type="password" name="password">
<br><br>
<input type="submit" name="submit"
value="Submit"> <input
type="reset"
name="reset" value="Reset">
</form>
</body>
</html>
6.Pembuatan form dengan elemen
fieldset Berikut adalah contoh pembuatan form dengan menggunakan elemen
fielsdet
serta input form
<!DOCTYPE html>
<html>
<head>
<
title>Hooya</title>
</head>
<body>
<fieldset >
<legend>Proses Sign in</legend>
<td width="256" align="center"
valign="top"><p
align="center"><font
color="#000000" size="+3">YAHOO!
<label for="textfield" ></label>
</font><font color="#000000"
size="+3">
<label for="textfield" ></label>
</font><font size="+3">
<label for="textfield" ></label>
</font>
<label for="textfield" ></label>
</p>
<p align="center">
<input type="text" name="textfield"
id="textfield"
value="ID
Yahoo" />
</p>
<p align="center">
<labe
l for="textfield2"></label>
<input type="text" name="textfield2"
id="textfield2"
value="Password" />
</p>
<p align="center">
<input type="submit" name="button"
id="button"
value="Sign in"
/>
</p>
<p align="center" ><font
color="#0000FF">
Tidak bisa
mengakses
account
</font></p>
<p align="center" ><font
color="#0000FF">Bantuan Sign
in</font></p><p
align="center">
------------
Atau
------------
</p>
<p align="center">
<input type="submit" name="button2"
id="button2"
value="Buat
Accoun
t Baru"
/>
</p>
<p align="center">
------------------------------
</p>
<p align="center"> Masuk dengan Facebok atau
Google</p>
<p> </p></td>
</fieldset>
</body>
</html>
c.
Rangkuman
.
Pada kegiatan belajar menyajikan
komponen entri teks dapat disimpulkan
menjadi beberap
a point penting seperti berikut
:
§
Data bisa diinputan dalam bentuk
textarea, input teks , pilihan radio button,
check box dan lain sebagainya
§
Komponen text area merupakan area
tempat untuk menyimpan text atau
tulisan baru
§
Atribut
–
atribut pada textarea diantaranya,
autofocus, cols, di
sabled, form,
maxlength, name, placeholder,
readonly, required, rows, wrap
§
Komponen input text password
bertanggung jawab untuk memasukan data
password.
§
Komponen input text merupakan
komponen untuk memasukan data text ke
server dalam bentuk textfield
§
Pada
format form input hidden ditandai
dengan atribut form type = hidden
0 komentar: