Home > HTML, Kuliah, Pemrograman > Membuat Formulir HTML

Membuat Formulir HTML


Berikut contoh formulir HTML yang dapat saya contohkan.

Form Data Diri

Formulir HTML

Dan berikut source codenya. Silahkan copy paste pada notepad atau tool lainnya dan save dengan type .html

<html>

<head>

<title>Formulir</title>

</head>

<body>

<center> <b>Form Data Diri</b> </center>

<hr>

<table>

<tr><td>Nama<td>  :   <input type=text name=”nama” size=”20″> <tr><td>Alamat<td>  :   <input type=text name=”alamat” size=”30″>

<tr><td>Kota<td>  :   <input type=text name=”kota” size=”22″>

<tr><td>Telp<td>  :   <input type=text name=”telp” size=”15″>

<tr><td>Jenis Kelamin<td>  :   <input type=”radio” name=”kelamin”>Pria<input type=”radio” name=”kelamin”>Wanita

<tr><td>Hoby<td>  :   <input type=”checkbox” name =”musik”>Musik<input type=”checkbox” name=”olahraga”>Olahraga<input type=”checkbox” name=”jalan”>Jalan

<tr><td>Agama<td>  :   <select size=”1″ name=”agama”>

<option>Islam</option>

<option>Kristen</option>

<option>Katolik</option>

<option>Hindu</option>

<option>Budha</option>

</select>

<tr><td>Asal Sekolah<td>  :   <input type=”text” name=”asalsma” size=”35″>

<tr><td>Jurusan<td> :   <input type=”text” name=”jurusan” size=”20″>

</table>

</form>

<hr>

<input type=”submit” value=Kirim><input type=”reset”>

</body>

</html>

Selamat mencoba…

  1. eries
    11 May 2012 at 04:11

    kok gw copast hasil na beda,, submit nya ga aktif

    Like

  2. Bobby cooL
    9 June 2012 at 06:07

    sudah saya coba kembali bisa ko…
    coba cek lg scriptnya…
    kalo kopi paste langsung ganti semua tanda “ jadi “…
    cara mudahnya di notepad ++ atau dreamweaver tekan ctrl+f..
    skrip diatas emang cuma contoh formulirnya aja jadi submitnya blum diproses…
    buat hasil inputannya ke post atau bisa tampil ada di artikel ini…
    https://bobbycool.wordpress.com/2010/02/23/menampilkan-hasil-input-form-html-dengan-php

    Like

  3. 16 August 2015 at 02:18

    Berbagi hasil pekerjaan tugas –> CARA MEMBUAT FORM HTML5 SEDERHANA

    Like

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: