BELAJAR KODE HTML FORM

Kamis, 10 Januari 20131komentar

                                                CARA BUAT FORM HTML


  Oc lansung aja kita lanjut tentang belajar kode html tenteng cara buat form (formulir)..
kode ini di buat antara <body>........</body>

Buat bidang text.
contoh :
First name :
Last name :
ini kodenya : <form action="">
First name  : <input name="Firstname" type="text" />
Last name : <input name="Lastname" type="text" />
</form>

Buat pasword....

contoh :
Username:
Pasword :
ini kodenya : <form action="">
Username:<input name="user" type="text" />
Pasword :<input name="pasword" type="pasword" /></form>

Buat tombol.
contoh :
Pria
Wanita
ini kodenya :<form action="">
<input name="sex" type="radio" value="male" />Pria
<input name="sex" type="radio" value="female" />Wanita</form>

Buat kotak yang di centang (tandai ).
contoh :
Saya punya motor
Saya punya mobil
ini kodenya : <form action="">
<input name="vehicle" type="checkbox" value="motor" />Saya punya motor
<input name="vehicle" type="checkbox" value="mobil" />Saya punya mobil</form>

Buat daftar drop down.
contoh :
ini kodenya : <form action="">
<select name="buah"> <option value="pisang">Pisang</option> <option value="jeruk">Jeruk</option> <option selected="selected" value="semangka">Semangka</option> <option value="apel">Apel</option></select>

Buat control multi-line input text.
contoh :

ini kodenya :<textarea cols="30" rows="10">Bila anda lebih tahu tolong bantu saya</textarea>

Buat tombol klik.
contoh :
ini kodenya : <form action="">
<input type="button" value="Hallo!" /></form>

Cara buat perbatasan di sekitar elemen.
contoh :
Personal information:

name:

E-mail:

Date of birth:
ini kodenya : <form action="">
<fieldset>
<legend>Personal information:</legend>

name:
<input size="30" type="text" />
E-mail:
<input size="30" type="text" />
Date of birth: <input siz="10" type="text" /></fieldset>
</form>

Cara membuat sebuah form dengan dua bidang text dan tombol  kirim.
contoh :
First name:

Lastname:

ini kodenya : <form action="html_form_action.asp" method="get" name="input">
First name: <input name="Firstname" type="text" value="Tempat" />

Lastname: <input name="Lastname" type="text" value="Pencarian" />

<input type="submit" value="submit" /></form>

 Cara buat form dengan dua kotak centang dan tombol kirim.
contoh :
Saya punya motor
Saya punya mobil

ini kodenya : <form action="html_form_action.asp" method="get" name="input">
<input name="vehicle" type="checkbox" value="bike" />Saya punya motor
<input name="vehicle" type="checkbox" value="car" />Saya punya mobil

<input type="submit" value="submit" /></form>

Form dengan tombol.
contoh :

Pria
Wanita

ini kodenya :  <from action="html_form_action.asp" method="get" name="input">

<input name="sex" type="radio" value="male" />Pria
<input name="sex" type="radio" value="female" />Wanita
<input type="submit" value="submit" /></from>

Cara mengirim email dari form.
contoh :

send email to someone@example.com:


Name :

E-mail :

comment :



ini kodenya : <form action="mailto:someone@example.com" method="post" enctype="text/plain">
Name :
<input type="text" name="name" value="nama kamu">
E-mail :
<input type="text" name="mail" value="email kamu">
comment :
<input type="text" name="comment" value="commen kamu" size="30">
<input type="submit" value="Send">
<input type="reset" value="Reset"></form>



TANKS BEFORE !

Share this article :

+ komentar + 1 komentar

Sabtu, 27 April 2013 pukul 04.25.00 PDT

Mantaaaaaaaaab niih post'nya.... :)
Ane lagi nyari yg ky gini....
Sangat jelas mudah di mengerti dan pastinya sangat bermanfaat...

Posting Komentar

 
Copyright © 2011. Tempat Pencarian - All Rights Reserved
Template Created by Creating Website modifed by Tempat Pencarian
Proudly powered by Blogger