Kamis, 26 Maret 2015

Membuat Form (Form-2)

assalamualaikum wr.wb
pada kesempatan kali ini saya akan membahas tentang Form HTML. sebelumnya Form sudah dibahas pada entri yang kemarin tetapi karna Form sangat banyak jadi saya Post lagi. yang belum baca yang kemarin silahkan Klik Disini
Form di html berfungsi untuk melewatkan data dari klien ke server. form di html dapat berupa elemen input seperti submit, reset, text, radio, checkbox, password.
untuk latihan mari kita liat scriptnya
pertama siapkan notepad++ untuk membuat code (silahkan download di google banyak)
kedua siapkan browser misalnya Mozilla atau Google Chrome
1. silahkan buka Notepad++ nya
2. silahkan liat scriptnya. 



<html>
<head>
<title>latihan</title>
</head>
<body>
<b> FORM BIODATA SISWA</b><br><br>
<form>
<pre>
<table border=1 width=700 height=100>
<tr>
<td width=300 height=20>Nama Siswa</td>
<td>:</td>
</tr>
<tr>
<td width=20 height=20>Tempat Tanggal Lahir</td>
<td>:</td><td><input type=text name=username size=10 >&nbsp;
<select name=tanggal>
                       <option value=pilih SELECTED>Tanggal
<option value=tgl>1
<option value=tgl>2
<option value=tgl>3
<option value=tgl>4
<option value=tgl>5
<option value=tgl>6
<option value=tgl>7
<option value=tgl>8
<option value=tgl>9
<option value=tgl>10
<option value=tgl>11
<option value=tgl>12
<option value=tgl>13
<option value=tgl>14
<option value=tgl>15
<option value=tgl>16
<option value=tgl>17
<option value=tgl>18
<option value=tgl>19
<option value=tgl>20
<option value=tgl>21
<option value=tgl>22
<option value=tgl>23
<option value=tgl>24
<option value=tgl>25
<option value=tgl>26
<option value=tgl>27
<option value=tgl>28
<option value=tgl>29
<option value=tgl>30
<option value=tgl>31
</select>&nbsp;
<select name=bulan
    <option value=pilih SELECTED>Bulan
    <option value=bulan>Januari
    <option value=bulan>Februari
<option value=bulan>Maret
<option value=bulan>April
<option value=bulan>Mei
<option value=bulan>Juni
<option value=bulan>Juli
<option value=bulan>Agustus
<option value=bulan>September
<option value=bulan>Oktober
<option value=bulan>November
<option value=bulan>Desember
</select>&nbsp;
<select name=tahun
<option value=pilih SELECTED>Tahun
<option value=tahun>1991
<option value=tahun>1992
<option value=tahun>1993
<option value=tahun>1994
<option value=tahun>1995
<option value=tahun>1996
<option value=tahun>1997
<option value=tahun>1998
<option value=tahun>1999
<option value=tahun>2000
<option value=tahun>2001
<option value=tahun>2002
<option value=tahun>2003
<option value=tahun>2004
<option value=tahun>2005
<option value=tahun>2006
<option value=tahun>2008
<option value=tahun>2009
<option value=tahun>2010
<option value=tahun>2011
<option value=tahun>2012
<option value=tahun>2013
<option value=tahun>2014
<option value=tahun>2015
</select>&nbsp;
</td></tr>
</center>
</form>
</body>
</html>

3. jika sudah kita simpan code dengan cara CTRL+S atau FIle > Save. simpan dengan exstensi html (ex: latihan.html)

4. selesai kita tinggal buka file htmlnya



selamat mencoba

Tidak ada komentar:

Posting Komentar