Membuat Formulir Sendiri Menggunakan HTML

Tweet Mylinekerr Fact - Formulir dapat memuat kolom, chekbox, pilihan, submit button, dan lain lain. Formulir biasanya digunakan di hampir seluruh website di dunia ini. Terutama social network. Kenapa? karena Formulir sangat berperan besar dalam database. Seperti jika anda akan membuat social network pasti butuh formulir, anda membuat blog juga butuh formulir (kolom bikin entri, search, dll). Kali ini saya akan membahas cara membuat formulir di HTML.
Formulir diawali dengan tag <form> dan ditutup dengan tag </form>. Jika formulir ingin bersifat redirect juga bisa <form action="urlnya disini"></form> Untuk membuat Form sederhana, anda bisa memakai input type. Contoh pembuatan form:

FORM SEDERHANA

<form> Username: <input type="text" name="username" /><br /> Password: <input type="password" name="password" /> </form>

Maka akan jadi seperti ini:

Username:
Password:

*note: jika ingin membuat form password, typenya harus password, agan saat di input menjadi simbol bukan menjadi huruf

FORM PILIHAN

cara membuat form pilihan, contoh ingin membuat form untuk menentukan jenis kelamin

<form> <input type="radio" name="sex" value="laki laki" /> Laki Laki<br /> <input type="radio" name="sex" value="perempuan" /> Perempuan </form>

Maka akan jadi seperti ini

laki laki
Perempuan

FORM CHECKBOX

Form Checkbox sangat berguna untuk membuat polling yang jawabannya bisa lebih dari 1. Contoh codenya

<form> <input type="checkbox" name="test" value="juned" /> Saya juned<br /> <input type="checkbox" name="test" value="Ujang" /> Saya ujang </form>

Maka akan jadi seperti ini
 

saya Juned
Saya ujang

Submit Button

Submit button sangat berpengaruh pada form, Karena submit button yang akan mengirimkan semua hasil dari formnya contoh code:

<form name="input" action="index.php" method="get"> Username: <input type="text" name="user" /> <input type="submit" value="Submit" /> </form>

Maka akan jadi seperti ini:

Username:

Contoh Form 1:
Ini contoh form buatan saya
codenya:

<form>
  First name: <input type="text" name="firstname" /><br />
  Last name: <input type="text" name="lastname" /><br />
  username: <input type="text" name="firstname" /><br />
  Password: <input type="password" name="pwd" /><br />
  Gender: <br />
  <input type="radio" name="sex" value="male" /> Male<br />
  <input type="radio" name="sex" value="female" /> Female<br />
  <input type="checkbox" name="agreement" value="agree" /> 

I Agree with <a href="#">Terms</a> and <a href="#">Condition</a><br /> <input type="submit" value="Register" /></form>

Menjadi:

First name:

Last name:

username:

Password:

Gender:
Male
Female

I Agree with Terms and Condition

Terima kasih, jika ada yang ingin ditanyakan, lewat komentar.

Tweet