Membuat FORM

Dibawah ini saya coba kasih info meskipun sudah usang/kuno... Tapi mungkin buat teman-teman yang baru bisa buat blog saya kira bisa di coba. Yaitu membuat Form tanpa Edit HTML kita hanya menggunakan fasilitas JavaScript, tampilannya seperti pada BLOG INI.

            




 
Male: Female:

Tennis
Reading
Basketball


 
Script ada dibawah ini :
 
<form id="myform" class="cssform" action="">

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

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

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

<p>
<label for="comments">Sex:</label>
Male: <input type="radio" name="sex" /> Female: <input type="radio" name="sex" /><br />
</p>

<p>
<label for="comments">Hobbies:</label>
<input type="checkbox" name="hobby" /> Tennis<br />
<input type="checkbox" name="hobby" class="threepxfix" /> Reading <br />
<input type="checkbox" name="hobby" class="threepxfix" /> Basketball <br />
</p>

<p>
<label for="terms">Agree to Terms?</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>


Selamat mencoba semoga sukses selalu...

Related Post:

Widget by [ Iptek-4u ]

0 comments:

Post a Comment