01 April 2015

Cara Buat Form Pendaftaran Mahasiswa Baru Menggunakan HTML dan CSS

1. Buka Notepad

2. Copy script ini ke dalam notepad, disini saya menggunakan tabel supaya rapi dengan border "0" supaya garis tabelnya tidak terlihat

<html>
<head>
    <title>Formulir Pendaftaran</title>
    <style type="text/css">
    h2{color:black;font-family:"Elephant"}
    </style>
<style type="text/css">
    td{font-family:Verdana;}
    h3{font-family:Mv Boli;}
    b{color:yellow;}
    table{background-color:4546df;}

</style>
    <link rel="stylesheet" href="css.css" />

</head>

<body>
    <form method="post" action="proses.php">
    <table border="0">
    <tr>
        <td>Nama Lengkap</td>
        <td>:</td>
        <td><input type="text" name="Nama Lengkap" size=37/></td>
    </tr>

    <tr>
        <td>Tempat Lahir</td>
        <td>:</td>
        <td><input type="text" name="Tempat Lahir" size=37/></td>
    </tr>
    <tr>
        <td>Tanggal Lahir</td>
        <td>:</td>
        <td><select name="Tanggal">
            <option value="" selected="selected">Tanggal
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            </select>
            <select name="Bulan">
            <option value="" selected="selected">Bulan
            <option value="Januari">Januari</option>
            <option value="Februari">Februari</option>
            <option value="Maret">Maret</option>
            <option value="April">April</option>
            <option value="Mei">Mei</option>
            <option value="Juni">Juni</option>
            <option value="Juli">Juli</option>
            <option value="Agustus">Agustus</option>
            <option value="September">September</option>
            <option value="Oktober">Oktober</option>
            <option value="Nopember">Nopember</option>
            <option value="Desember">Desember</option>
            </select>
            <select name="Tahun">
            <option value="" selected="selected">Tahun
            <option value="2014">2014</option>
            <option value="2013">2013</option>
            <option value="2012">2012</option>
            <option value="2011">2011</option>
            <option value="2010">2010</option>
            <option value="2009">2009</option>
            <option value="2008">2008</option>
            <option value="2007">2007</option>
            <option value="2006">2006</option>
            <option value="2005">2005</option>
            <option value="2004">2004</option>
            <option value="2003">2003</option>
            <option value="2002">2002</option>
            <option value="2001">2001</option>
            <option value="2000">2000</option>
            <option value="1999">1999</option>
            <option value="1998">1998</option>
            <option value="1997">1997</option>
            <option value="1996">1996</option>
            <option value="1995">1995</option>
            <option value="1994">1994</option>
            <option value="1993">1993</option>
            <option value="1992">1992</option>
            <option value="1991">1991</option>
            <option value="1990">1990</option>
            <option value="1989">1989</option>
            <option value="1988">1988</option>
            <option value="1987">1987</option>
            <option value="1986">1986</option>
            <option value="1985">1985</option>
            <option value="1984">1984</option>
            <option value="1983">1983</option>
            <option value="1982">1982</option>
            <option value="1981">1981</option>
            <option value="1980">1980</option>
            </select></td>
    </tr>
    <tr>
        <td>Jenis Kelamin</td>
        <td>:</td>
        <td><input type="radio" name="sex" value="1" id="" /><label class="" for="">Laki-laki </label>
        <input type="radio" name="sex" value="2" id="" /><label class="" for="">Perempuan </label></td>
    </tr>
    <tr>
        <td valign="top">Alamat Rumah</td>
        <td valign="top">:</td>
        <td><textarea cols=27 rows=5 name="Alamat Rumah"> </textarea></td>
    </tr>
    <tr>
        <td>Jurusan</td>
        <td>:</td>
        <td><select name="jurusan">
        <option value="" selected="selected">--Pilih Jurusan
        <option value="Komputerisasi Akutansi">Komputerisasi Akutansi</option>
        <option value="Teknik Informatika">Teknik Informatika</option>
        <option value="Komputer Arsitektural">Komputer Arsitektural</option>
        <option value="Manajemen Informatika">Manajemen Informatika</option>
        </select></td>
    </tr>
    <tr>
        <td>Hobby</td>
        <td>:</td>
        <td><input type="checkbox" name="Olahraga">Olahraga
        <input type="checkbox" name="Musik">Musik
        <input type="checkbox" name="Lainnya">Lainnya
    </tr>
    <tr>
        <td>Foto Diri</td>
        <td>:</td>
        <td><input type="file" name"gambar"/></td>
    </tr>
    <tr>
        <td>&nbsp</td>
        <td>&nbsp</td>
        <td><input type="submit" value="Daftar"/></td>
    </tr>
    </table>
    </form>
</body>
</html>


Catatan :
Teks Biru : Style CSS, untuk memberikan warna pada form dan font pada teks. Bisa dihapus kalau anda tidak suka.

3. Simpan Notepad dengan mengklik Save As, simpan dengan nama Formulir.html dan pilih save as type all files.

4. Setelah tersimpan lalu buka dan tampilannya akan seperti ini




Anda bisa mengeditnya lagi di notepad lalu simpan dengan menekan CTRL + S dan Refresh di halaman web dengan menekan F5.

Download Form Pendaftaran Mahasiswa Baru Menggunakan HTML dan CSS

29 comments:

teknoid said...

Berbagi hasil pekerjaan tugas --> CARA MEMBUAT FORM HTML5 SEDERHANA

Anonymous said...

astaga be iklan

TOPUP ALL GAME said...

Bang Saya kurang ngerti tentang pembuatan FORM ini.
bang tolong dong buatin formulir nya nanti saya akan bayar berapa saja asal pasti

Unknown said...

thanks gan.. war biasa. sangat membantu

IT Komputer said...

kurang mengertinya bagian mana?
apa ingin dibuatkan semuanya

IT Komputer said...

sama-sama gan.

Ayu Fitria said...

file proses.php nya mana ?

IT Komputer said...

Ini cuma tampilan mba belum terkoneksi dengan database.

Master Link said...

mantaf

Unknown said...

sip
Yousuvecom
DewiMp3
lengketvideo video
muvix video

www.payupisan.blogspot.com said...

mas saya mau tanya ,,,,seandainya form ini saya taro di blog saya, kemudian saat ada pengunjung mengsi dan langsung klik daftar,,,nah supaya saat daftar tersebut semua data yg di isi masuk ke alamat email saya,,,giman cara nulis kodenya?
terimakasih

Unknown said...

thanks gan, infonya bermanfaat

My blog

Reitha Tour said...

Mas, saya mau tanya, untuk membuka hasil yang sudah kita submit itu dimana ya.? Trims

Unknown said...
This comment has been removed by the author.
Unknown said...

Mas saya baru-baru saja ini mau bikin web untuk penerimaan siswa di sekolahan saya cara awalnya gmn ya mas?? Baru mau belajar ni mas😀

Unknown said...
This comment has been removed by the author.
IT Komputer said...

kalau mba mau bikin web cara awalnya setidaknya harus menguasai program web dari html, css, javascript, mysql dan php.

IT Komputer said...

untuk membuka hasil yang di submit maka harus buat database dulu mas, nah dari database kita tampilkan value yg kita submit tadi

IT Komputer said...

sama-sama gan

IT Komputer said...

ya mba nya harus buat tampilan ini dulu di blognya lalu action submitnya arahkan ke emailnya

Hana Nurdin said...

Pingin bisa buat Formulir Pendaftaran Siswa Baru di Laman Blogger, bagai mana ya Min???

Unknown said...

Cara menghubungkan ke database gmn mas?

IT Komputer said...

https://taufikroland.blogspot.co.id/2017/03/cara-membuat-form-input-mahasiswa-tanpa.html

Reza said...

Bang ini cara agar data yang kita masukin masuk ke dalam database gimana caranya??

Nada fashion said...

Iya cssnya bang gak tau saya

Nada fashion said...

Iya cssnya bang gak tau saya

Nada fashion said...

Css nya mana bang bales plis

Kisah sukses said...

ASSALAMUALAIKUM SAYA INGIN BERBAGI CARA SUKSES SAYA NGURUS IJAZAH saya atas nama RIDWAN asal dari jawa timur sedikit saya ingin berbagi cerita masalah pengurusan ijazah saya yang kemarin hilang mulai dari ijazah SD sampai SMA, tapi alhamdulillah untung saja ada salah satu keluarga saya yang bekerja di salah satu dinas kabupaten di wilayah jawa timur dia memberikan petunjuk cara mengurus ijazah saya yang hilang, dia memberikan no hp BPK DR SUTANTO S.H, M.A beliau selaku kepala biro umum di kantor kemendikbud pusat jakarta nomor hp beliau 0853-2174-0123, alhamdulillah beliau betul betul bisa ngurusin masalah ijazah saya, alhamdulillah setelah saya tlp beliau di nomor hp 0853-2174-0123, saya di beri petunjuk untuk mempersiap'kan berkas yang di butuh'kan sama beliau dan hari itu juga saya langsun email berkas'nya dan saya juga langsun selesai'kan ADM'nya 50% dan sisa'nya langsun saya selesai'kan juga setelah ijazah saya sudah ke terima, alhamdulillah proses'nya sangat cepat hanya dalam 1 minggu berkas ijazah saya sudah ke terima.....alhamdulillah terima kasih kpd bpk DR SUTANTO S.H,M.A berkat bantuan bpk lamaran kerja saya sudah di terima, bagi saudara/i yang lagi bermasalah malah ijazah silah'kan hub beliau semoga beliau bisa bantu, dan ternyata juga beliau bisa bantu dengan menu di bawah ini wassalam.....

1. Beliau bisa membantu anda yang kesulitan :
– Ingin kuliah tapi gak ada waktu karena terbentur jam kerja
– Ijazah hilang, rusak, dicuri, kebakaran dan kecelakaan faktor lain, dll.
– Drop out takut dimarahin ortu
– IPK jelek, ingin dibagusin
– Biaya kuliah tinggi tapi ingin cepat kerja
– Ijazah ditahan perusahaan tetapi ingin pindah ke perusahaan lain
– Dll.
2. PRODUK KAMI
Semua ijazah DIPLOMA (D1,D2,D3) S/D
SARJANA (S1, S2)..
Hampir semua perguruan tinggi kami punya
data basenya.
UNIVERSITAS TARUMA NEGARA UNIVERSITAS MERCUBUANA
UNIVERSITAS GAJAH MADA UNIVERSITAS ATMA JAYA
UNIVERSITAS PANCASILA UNIVERSITAS MOETOPO
UNIVERSITAS TERBUKA UNIVERSITAS ISLAM INDONESIA
UNIVERSITAS TRISAKTI UNIVERSITAS KRISTEN INDONESIA
UNIVERSITAS BUDI LIHUR ASMI
UNIVERSITAS ILMUKOMPUTER UNIVERSITAS DIPONOGORO
AKADEMI BAHASA ASING BINA SARANA INFORMATIKA
UPN VETERAN AKADEMI PARIWISATA INDONESIA
INSTITUT TEKHNOLOGI SERPONG STIE YPKP
STIE SUKABUMI YAI
ISTN STIE PERBANAS
LIA / TOEFEL STIMIK SWADHARMA
STIMIK UKRIDA
UNIVERSITAS NASIONAL UNIVERSITAS JAKARTA
UNIVERSITAS BUNG KARNO UNIVERSITAS PADJAJARAN
UNIVERSITAS BOROBUDUR UNIVERSITAS INDONESIA
UNIVERSITAS MUHAMMADYAH UNIVERSITAS BATAM
UNIVERSITAS SAHID DLL

3. DATA YANG DI BUTUHKAN
Persyaratan untuk ijazah :
1. Nama
2. Tempat & tgl lahir
3. foto ukuran 4 x 6 (bebas, rapi, dan usahakan berjas),semua data discan dan di email ke alamat email bpk sutantokemendikbud@gmail.com
4. IPK yang di inginkan
5. universitas yang di inginkan
6. Jurusan yang di inginkan
7. Tahun kelulusan yang di inginkan
8. Nama dan alamat lengkap, serta no. telphone untuk pengiriman dokumen
9. Di kirim ke alamat email: sutantokemendikbud@gmail.com berkas akan di tindak lanjuti akan setelah pembayaran 50% masuk
10. Pembayaran lewat Transfer ke Rekening MANDIRI, BNI, BRI,
11. PENGIRIMAN Dokumen Via JNE
4. Biaya – Biaya
• SD = Rp. 1.500.000
• SMP = Rp. 2.000.000
• SMA = Rp. 3.000.000
• D3 = 6.000.000
• S1 = 7.500.000(TERGANTUN UNIVERSITAS)
• S2 = 12.000.000(TERGANTUN UNIVERSITAS)
• S3 / Doktoral Rp. 24.000.000
(kampus terkenal – wajib ikut kuliah beberapa bulan)
• D3 Kebidanan / keperawatan Rp. 8.500.000
(minimal sudah pernah kuliah di jurusan tersebut hingga semester 4)
• Pindah jurusan/profesi dari Bidan/Perawat ke Dokter. Rp. 32.000.000

Kisah sukses said...

ASSALAMUALAIKUM SAYA INGIN BERBAGI CARA SUKSES SAYA NGURUS IJAZAH saya atas nama RIDWAN asal dari jawa timur sedikit saya ingin berbagi cerita masalah pengurusan ijazah saya yang kemarin hilang mulai dari ijazah SD sampai SMA, tapi alhamdulillah untung saja ada salah satu keluarga saya yang bekerja di salah satu dinas kabupaten di wilayah jawa timur dia memberikan petunjuk cara mengurus ijazah saya yang hilang, dia memberikan no hp BPK DR SUTANTO S.H, M.A beliau selaku kepala biro umum di kantor kemendikbud pusat jakarta nomor hp beliau 0853-2174-0123, alhamdulillah beliau betul betul bisa ngurusin masalah ijazah saya, alhamdulillah setelah saya tlp beliau di nomor hp 0853-2174-0123, saya di beri petunjuk untuk mempersiap'kan berkas yang di butuh'kan sama beliau dan hari itu juga saya langsun email berkas'nya dan saya juga langsun selesai'kan ADM'nya 50% dan sisa'nya langsun saya selesai'kan juga setelah ijazah saya sudah ke terima, alhamdulillah proses'nya sangat cepat hanya dalam 1 minggu berkas ijazah saya sudah ke terima.....alhamdulillah terima kasih kpd bpk DR SUTANTO S.H,M.A berkat bantuan bpk lamaran kerja saya sudah di terima, bagi saudara/i yang lagi bermasalah malah ijazah silah'kan hub beliau semoga beliau bisa bantu, dan ternyata juga beliau bisa bantu dengan menu di bawah ini wassalam.....

1. Beliau bisa membantu anda yang kesulitan :
– Ingin kuliah tapi gak ada waktu karena terbentur jam kerja
– Ijazah hilang, rusak, dicuri, kebakaran dan kecelakaan faktor lain, dll.
– Drop out takut dimarahin ortu
– IPK jelek, ingin dibagusin
– Biaya kuliah tinggi tapi ingin cepat kerja
– Ijazah ditahan perusahaan tetapi ingin pindah ke perusahaan lain
– Dll.
2. PRODUK KAMI
Semua ijazah DIPLOMA (D1,D2,D3) S/D
SARJANA (S1, S2)..
Hampir semua perguruan tinggi kami punya
data basenya.
UNIVERSITAS TARUMA NEGARA UNIVERSITAS MERCUBUANA
UNIVERSITAS GAJAH MADA UNIVERSITAS ATMA JAYA
UNIVERSITAS PANCASILA UNIVERSITAS MOETOPO
UNIVERSITAS TERBUKA UNIVERSITAS ISLAM INDONESIA
UNIVERSITAS TRISAKTI UNIVERSITAS KRISTEN INDONESIA
UNIVERSITAS BUDI LIHUR ASMI
UNIVERSITAS ILMUKOMPUTER UNIVERSITAS DIPONOGORO
AKADEMI BAHASA ASING BINA SARANA INFORMATIKA
UPN VETERAN AKADEMI PARIWISATA INDONESIA
INSTITUT TEKHNOLOGI SERPONG STIE YPKP
STIE SUKABUMI YAI
ISTN STIE PERBANAS
LIA / TOEFEL STIMIK SWADHARMA
STIMIK UKRIDA
UNIVERSITAS NASIONAL UNIVERSITAS JAKARTA
UNIVERSITAS BUNG KARNO UNIVERSITAS PADJAJARAN
UNIVERSITAS BOROBUDUR UNIVERSITAS INDONESIA
UNIVERSITAS MUHAMMADYAH UNIVERSITAS BATAM
UNIVERSITAS SAHID DLL

3. DATA YANG DI BUTUHKAN
Persyaratan untuk ijazah :
1. Nama
2. Tempat & tgl lahir
3. foto ukuran 4 x 6 (bebas, rapi, dan usahakan berjas),semua data discan dan di email ke alamat email bpk sutantokemendikbud@gmail.com
4. IPK yang di inginkan
5. universitas yang di inginkan
6. Jurusan yang di inginkan
7. Tahun kelulusan yang di inginkan
8. Nama dan alamat lengkap, serta no. telphone untuk pengiriman dokumen
9. Di kirim ke alamat email: sutantokemendikbud@gmail.com berkas akan di tindak lanjuti akan setelah pembayaran 50% masuk
10. Pembayaran lewat Transfer ke Rekening MANDIRI, BNI, BRI,
11. PENGIRIMAN Dokumen Via JNE
4. Biaya – Biaya
• SD = Rp. 1.500.000
• SMP = Rp. 2.000.000
• SMA = Rp. 3.000.000
• D3 = 6.000.000
• S1 = 7.500.000(TERGANTUN UNIVERSITAS)
• S2 = 12.000.000(TERGANTUN UNIVERSITAS)
• S3 / Doktoral Rp. 24.000.000
(kampus terkenal – wajib ikut kuliah beberapa bulan)
• D3 Kebidanan / keperawatan Rp. 8.500.000
(minimal sudah pernah kuliah di jurusan tersebut hingga semester 4)
• Pindah jurusan/profesi dari Bidan/Perawat ke Dokter. Rp. 32.000.000