Sabtu, 07 Mei 2011

[JAVASCRIPT]table form upload

this to the file   :

<form id="guest book" class="cssform" action="http://profiles.friendster.com/9925979">

<p>
<label for="user">Nama :</label>
<input type="text" id="user" value="" />
</p>

<p>
<label for="emailaddress">Email Anda :</label>
<input type="text" id="emailaddress" value="" />
</p>

<p>
<label for="comments">Komentar Anda :</label>
<textarea id="comments" rows="5" cols="25"></textarea>
</p>

<p>
<label for="comments">Jenis Kelamin Anda :</label>
Pria: <input type="radio" name="sex" /> Wanita: <input type="radio" name="sex" /><br />
</p>

<p>
<label for="comments">Tukulesto:</label>
<input type="checkbox" name="tukul" /> Baik hati<br />
<input type="checkbox" name="tukul" class="threepxfix" /> Tidak sombong <br />
<input type="checkbox" name="tukul" class="threepxfix" /> Ganteng <br />
</p>

<p>
<label for="terms">Setuju dengan semua persyaratan?</label>
<input type="checkbox" id="terms" class="boxes" />
</p>

<div style="margin-left: 150px;">
<input type="submit" value="Submit" /> <input type="reset" value="reset" />
</div>

</form>

this for CSS     :


<style type="text/css">

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px;
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px;
width: 150px;
}

.cssform input[type="text"]{
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

* html .threepxfix{
margin-left: 3px;
}

</style>

0 komentar:

Posting Komentar

Please coment

copyright @ rido. Diberdayakan oleh Blogger.