Cara membuat formulir menggunakan HTML

1. menggunakan tag <form> dengan atribut action dan method

<html>
<head>
<title>
</title>

</head>
<body>
<h1> Formulir Pendaftaran </h1>
<hr>
<form action="" method="post">

2. Membuat input.
 input memiliki  lima tipe , tetapi yang saya gunakan disini hanya tiga tipe saja, karena saya hanya membutuhkan tiga tipe.
contohnya:
a. tipe teks, tipe data ini digunakan untuk menginput data berupa teks
Nama :
<input type="text" size="50" placeholder="Nama Anda">
<br>
<br>
Tempat, tanggal lahir :
<input type="text" placeholder="Tempat lahir"> ,
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
 <input type="text" size="10" placeholder="Tahun Lahir">
<br>
<br>
Jenis Kelamin :
<input type="radio" name="jenis_kelamin" value="laki-laki"/>
Laki - Laki
<input type="radio" name="jenis_kelamin" value="perempuan" />
Perempuan
<br>
<br>
Pekerjaan :
<input type="text" placeholder="Pekerjaan Anda">
<br>
<br>
Hobi :
<input type="text" placeholder="Hobi Anda" size="50">
<br>
<br>
Alamat :
<textarea name="komentar" rows="2" cols="40">
</textarea>
<br>
<br>
Email :
<input type="text" size="50" placeholder="Alamat Email Anda"/>
<br>
<br>
Nomor Telepon :
<input type="text" size="20" maxlength="12" placeholder="Nomor Telepon Anda">
<br>
<br>
Masukkan Foto Anda :
<input type="file"/>
<br>
<br>
<input type="submit" value="Daftar"/> <input type="submit" value="Batal"/>
</form>

</body>
</html>

Contoh Formulir


Previous
Next Post »

4 komentar

Write komentar
Unknown
AUTHOR
23 Oktober 2016 pukul 02.04 delete

Bolehlah min.. Kembangkan!

Reply
avatar
Unknown
AUTHOR
23 Oktober 2016 pukul 02.04 delete

Bolehlah min.. Kembangkan!

Reply
avatar
Unknown
AUTHOR
20 Maret 2020 pukul 22.08 delete

Bermamfaat dan dan mudah sekali kak.
Tidak terlalu rumit. Kalau ada cara input yang lain jangan lupa di post ya kak artikelnya. Terima kasih
Nama: Yulinda Sari
Kelas: SI.2K
dan link web kampus saya
https://www.atmaluhur.ac.id/

Reply
avatar