Kontribusi untuk kemajuan bangsa

Kontribusi untuk kemajuan bangsa

Membuat Form dengan Script HTML

Membuat Form dengan Script HTML




Membuat form dengan sintak HTML sangatlah sederhana. Dalam HTML form sering digunakan untuk input data dalam website. Form ini diawali dengan tag <form> dan diakhiri dengan </form>. Input data dalam form sendiri ada beberapa cara seperti input text, Text area, option, Radio, checkboxes, submit botton.
1.    Input teks.
<form>
<input type = “text” name “nama”>
</form>
Name digunakan sebagai inisiasi variabel dalam form tersebut.
2.    Password
<form>
Password : <input type=”password” name =”pass”>
</form>
3.    Textarea
<form>
<input type =”text area” name =”nama” cols =”10” row=”10”> </textarea>
<form>
Cols Dan row menunjukkan panjang dan lebar teks area yang digunakan.
4.    Option
<form>
<select  name =”nama”>
<option> AGUNG</option>
<option>aGUS</option>
</select> </form>
5.    Radio
<form>
<input type =”radio” name =”jeniskelamin” value =”lakilaki”> laki-laki
<input type =”radio” name =”jeniskelamin” value =”perempuan”> perempuan
6.    Checkboxes
<form>
<input type=”checkbox” name =”kendaraan” value =”mobil”> mobil
<input type=”checkbox” name =”kendaraan” value =”sepeda”> sepeda
</form>
7.    Submit dan reset botton
<input type =”submit” name =”submit” value=”submit”>
<input type =”reset” name =”reset” value=”reset”>

Berikut ini adalah script yang digunakan dalam membuat form login menggunakan HTML.
<html>
<b><center><h1>FORM LOGIN</h1></center></b><br>
<body>
<table>
<tr><td><b>NIM :</b></td><td><input name ="NIM" value ="" type ="textarea"</td></tr>
<tr><td><b>PIN : </b></td><td><input name ="PW" value ="" type ="password"</td></tr>
<tr><td><b>KODE :</b></td><td><input name ="KODE" value ="" type ="textarea"</td></tr>                        
<tr><td><b>  STATUS    </b></td> <td> <form> <select>
<option value="mahasiswa">Mahasiswa</option>
<option value="dosen">Dosen</option>
 <option value="admin">Administratror</option>
</select></form></td></tr> </table>
<input type ="submit" name ="proses" value ="PROSES">
<input type ="reset" name ="reset" value ="RESET">        
</body>
</html>

Hasil script mebuat form login dengan HTML diatas dapat dilihat pada screenshoot gambar berikut ini.


Gambar Form login dengan HTML
 Tags: Membuat form di HTML, cara membuat form login dengan script HTML

Materi terkait script HTML :
Title : Membuat Form dengan Script HTML
Description : Membuat Form dengan Script HTML Membuat form dengan sintak HTML sangatlah sederhana. Dalam HTML form sering digunakan untuk input da...

0 Response to "Membuat Form dengan Script HTML"

Posting Komentar