Bikin Form HTML di Matakuliah Pemrograman Web

25 Februari 2010

wah hari ini tadi materi kuliahnya ada 2, yaitu praktikum pemrograman web dan teorinya....
ya lumayan capek juga seh, tapi ya namanya orang menuntut ilmu ya kudu serius... ya ga??, Paling tidak di mata kuliah ini q dapet Ilmu dan inspirasi, mengenai html dan PHP karena PHP merupakan inti dari pemrograman ini, tapi ini masih awal-awal kuliah jadi ya masih dasar...
Di posting kali ini akan membahas Form yang biasa di gunakan pada tag-tag HTML, karena HTML itu bukan pemrograman jadi ane ga sebut itu pemrograman tapi tag-tag ( itu sih kata dosenku... hehehe) kalo kamu mau buat form seperti dibawah ini...

Are You Student ??	ya
How old Are You ?? 10-15 16-20 21-25

Maka sintaknya adalah sebagai berikut :

< html>
< head>
< title> No 1< /title>
< /head>
< body>
< form>
< table cellpadding="0" cellspacing="0">
< tr>
< td> < b> Are You Student ??< /b> < /td>
< td> < input type="checkbox"> ya< /td>
< /tr>
< tr>
< td> < b> How old Are You ??< /b> < br/>
< input type="radio" name="umur" value="10-15"> < b> 10-15< /b> < br/>
< input type="radio" name="umur" value="16-20"> < b> 16-20< /b> < br/>
< input type="radio" name="umur" value="21-25"> < b> 21-25< /b> < br/>
< /td>
< /tr>
< tr>
< td> < input type="submit" name="send" value="send">
< input type="reset" name="reset" value="clear"> < /td>
< /tr>
< /table>
< /form>
< /body>
< /html>

copy paste kode di atas, lalu pindahkan ke notepad dan simpan dengan ekstensi .html, ada satu lagi contoh menggunakan form, akan tetapi form berikut dibuat agar tombol reset tidak melakukan apapun... memang disuruh buat begitu, hehehe...

Nama
Warna Faforit Anda ??	MerahHitamPutih
Assisten Pemrograman web Faforit Anda ??	RahmiBudiLia

Adapun Untuk Script form diatas adalah sebagai berikut :

< html>
< head>
< title> No 2< /title>
< /head>
< body>
< form>
< table cellpadding="0" cellspacing="0">
< tr>
< td> < b> Nama< /b> < /td>
< td> < input type="text" size="25" Value="Nama Anda.."> < /td>
< /tr>
< tr>
< td> < b> Warna Faforit Anda ??< /b> < /td>
< td>
< input type="checkbox"> Merah
< input type="checkbox"> Hitam
< input type="checkbox"> Putih
< /td>
< /tr>
< tr>
< td> < b> Assisten Pemrograman web Faforit Anda ??< /b> < /td>
< td>
< input type="radio" name="assisten" value="Rahmi"> Rahmi
< input type="radio" name="assisten" value="Budi"> Budi
< input type="radio" name="assisten" value="Lia"> Lia
< /td>
< /tr>
< tr>
< td> < /td>
< td style="text-align:center;"> < input type="submit" name="submit" value="submit">
< input type="button" name="reset" value="reset"> < /td>
< /tr>
< /table>
< /form>
< /body>
< /html>

Nah Pertemuan kuliah hari ini cuma itu... sambung di pertemuan kuliah lainnya ok...

Bagikan

Udah Baca ini??