CONTOH PENERAPAN HTML FORM

 

 

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

http://www.w3.org/TR/html4/loose.dtd”&gt;

<html>

<head>

<title>Regristrasi</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>

</head>

 

<body>

<h2>Form Regristrasi</h2>

<form action=””method=”post”>

</form>

<label>Nama    :  </label>

<input type=”text” size=”30″name=”nama”><br>

<label>Username :</label>

<input type=”text” size=”16″ name=”uname” maxlengt=”16″><br>

<label>Password : </label>

<input type=”Password” size=”16″ name=”pass” maxlength=”16″><br>

<label>Jenis Kelamin</label>

<input type=”radio” name=”jk” value=”pria”>

<span>pria</span>

<input type=”radio” name=”jk” value=”wanita”>

<span>wanita</span>

<br><br>

<label>Hoby :</label><br>

<input type=”checkbox” name=”hob” value=”spkbola”><span>Sepak Bola</span>

<input type=”checkbox” name=”hob” value=”game”><span>Game</span>

<input type=”checkbox” name=”hob” value=”tidur”>

<span>Tidur</span><br>

<label>Diskripsi diri anda :</label>

<br>

<textarea style=”height:100px;width:400px ” name=”desc”></textarea>

<hr>

<label>Darimana anda mendengar kami?</label><br>

<select name=”dengar”>

<option value=”kuburan”>Dari pacar</option>

<option value=”google”>Google</option>

<option value=”mimpi”>Mimpi</option>

</select><br>

<input type=”submit” value=”DAFTAR”>

<input type=”reset” value=”RESET”>

</form>

<hr>

<img src=”http://img193.imageshack.us/img193/4705/bocahamalmain.jpg&#8221; align=”top”

<br>

<img src=”http://t1.gstatic.com/images?q=tbn:d2fhcIANvvep7M:http://mulia2me.files.wordpress.com/2009/01/8001051ik22.jpg&#8221; align=”top”

<img src=”http://t2.gstatic.com/images?q=tbn:EXP6d_giEHkCXM:http://img.photobucket.com/albums/v96/starlightexpress/jun_06/June06-020.jpg&#8221;

</body>

</html>

 

CONTOH PENULISAN CSS

 

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

http://www.w3.org/TR/html4/loose.dtd”&gt;

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>

</head>

<title>CSS Cascading Style Sheets</title>

<style type=”text/css”></style>

Body { fontfamily:Verdana,Serif; fontsize:11px }

div {

border: 2px solid#cccccc;

padding:4px

}

h2  {

textdecoration;

underline;

fontstyle:italic;

fontsize:18px

}

</style>

</head>

<body>

<div>

<h2>Ini adalah contoh sederhana penggunaan CSS</h2>

</div>

</body>

</html>

One thought on “CONTOH PENERAPAN HTML FORM

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s