1. Buka Notepad anda atau sublime
2. Copy script ini ke dalam notepad, disini saya menggunakan tabel supaya rapi dengan border "0" supaya garis tabelnya tidak terlihat
<!DOCTYPE html>
<html>
<head>
<title>Regis Website</title>
</head>
<body>
<h2 align="center">Halaman Registrasi website</h2>
<fieldset style="width: 35%; margin: auto;">
<div>
<h3 align="center">Registrasi Area</h3>
<div class="ui-grid-b ui-responsive"></div>
<div class="ui-block-a"></div>
</div>
<form action="simpan.php" method="post">
<p>
Nama Depan<br />
<input type="text" name="firstname" required />
</p>
<p>
Nama Belakang<br />
<input type="text" name="lastname">
</p>
<p>
Alamat Lengkap<br />
<textarea name="alamat" cols="50" required></textarea>
</p>
<div>Tanggal Lahir</div>
<select aria-label="Tanggal" name="birthday_day" id="day" title="tanggal" class="_5dba">
<option value="" selected="selected">--Tanggal--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</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>
</select>
<select aria-label="Bulan" name="birthday_month" id="month" title="Bulan" class="_5dba">
<option value="" selected="selected">--Bulan--</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">Mei</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Agu</option>
<option value="9">Sep</option>
<option value="10">Okt</option>
<option value="11">Nov</option>
<option value="12">Des</option>
</select>
<select aria-label="Tahun" name="birthday_year" id="year" title="Tahun" class="_5dba">
<option value="" selected="selected">--Tahun--</option>
<option value="2015">2015</option>
<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>
</select>
<p>
</p>
<p>
Jenis Kelamin<br />
<input type="radio" name="Jenis_kelamin" value="laki-laki" id="laki-laki" /><label for="laki-laki">Laki-Laki</label>
<input type="radio" name="Jenis_kelamin" value="perempuan" id="perempuan" /><label for="perempuan">Perempuan</label>
</p>
<div>
<h4>Login</h4>
</div>
<p>
Username<br />
<input type="text" name="username" />
</p>
<p>
Password<br />
<input type="password" name="password" />
</p>
<p>
<h4><b>File Input</b></h4>
<input id="exampleInputFile" type="file">
</p>
<div >
<input type="submit" value="Simpan" />
<input type="reset" value="reset" onclick="return confirm('hapus data yang sudah diinput?')">
</div>
</form>
</fieldset>
</body>
</html>
Berikut penampakannya jika dijalankan melalui browser:
ekian toterial Form dari saya semoga bermanfaat bagi temen-temen .
Wah, boleh dcoba nih.
ReplyDeleteMakasih buat tutorialnya sob.
ok sob sama-sama sob.
Deletekawan saya mau tanya bagaimana cara membuat id otomatis sedangkan kita pada posisi admin
ReplyDeletesaya masih belajar di frontend gan..coba agan cari di google,,kalo saya jawab nanti tdk kesampaian
Deletemantap tutornya gan, ijin coba ya
ReplyDeleteMas, caranya buka data yg kita submit dimana ya? Trims..
ReplyDeleteini cuman frontend bang,,belum pake backend. jadi belum bisa nge submit
Deleteada yang pake backend nya tidak kak ? biar bisa ngesubmit langsung
Deleteassalamaulaiakm, maaf,
ReplyDeletetidak ada file css nya yaa?
tidak pake, mas mamad
Deletethank's bro, alhamdulilah saya sebelumnya blank tentang html dan bagaimana cara membuatnya berkat artikel ini alhamdulilah bisa nambah ilmu saya, udah saya coba dan hasilnya alhamdulilah, next di tambah lagi cara2 dan coding yang lebih ok bro, salut semoga menjadi rahmatan lil alamin
ReplyDeleteSama-sama gan saya merasa senang apabila anda terbantu dengan blog ini
DeleteASSALAMUALAIKUM 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.....
ReplyDelete1. 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
masih canggung mas,, boleh minta dalam bentuk fie nggk mas biar lebih mengerti
ReplyDeleteSilahkan di ikuti intruksi d atas kerjakan terlebih dahulu
Deletemas ada yang bentuk file soalnya tidak mengerti sudah di coba kagak berhasil
DeleteTerimakasih atas postingan yang Anda bagikan. Sangat bermanfaat sekali, tutorialnya juga mudah dipahami, lanjutkan buat postingan menarik selanjutnya ya, terus berkarya. Perkenalkan nama saya : Shofi Rachmawati, NIM :1922500133, dan jangan lupa kunjungi link web kampus saya : https://www.atmaluhur.ac.id
ReplyDeleteWahh artikelnya sangat bermanfaat untuk saya,sebab sebelumnya saya belum mengetahui bagaimana cara membuat from pendaftaran dengan html, terimakasih kak akhirnya setelah saya membaca artikel dari kakak saya jadi tahu bagaimana membuat from pendaftaran dengan html, sukses selalu dalam berkarya.perkenalkan nama saya Rinal
ReplyDeleteWebsite kampus saya
https://www.atmaluhur.ac.id/
Terimah kasih artikelnya sangat membantu kami terutama mahasiswa yang sedang belajar tentang web saya mahasiswa dari stmik atmaluhur dengan nim 1922500120 Sri Dewayanti, ini situs kampus saya https://www.atmaluhur.ac.id/
ReplyDelete