Hari saya akan memberikan tutorial cara membuat form pendaftaran sederhana menggunakan kode HTML.
Ringkasan singkat tentang HTML
Hyper Text Maekup Language (HTML) adlaah sebuah bahasa markah yang digunakan untuk membuat sebiah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.
Mari kita langsung saja membuat table Form Pendaftaran sederhana menggunakan HTML.
1. Buka Software notepad atau notepad++
2. Langsung saja ketik kode HTML yang di bawah ini di notepad ++ anda.
<HTML>
<HEAD>
<TITLE>
</TITLE>
<BODY>
<FORM>
<CENTER><H1><FONT COLOR="BLACK">FORMULIR PENDAFTARAN MAHASISWA BARU</FONT><H1></CENTER>
<TABLE BORDER="1">
<TR>
<TD><FONT COLOR="BLACK">NIK</FONT></TD><TD><INPUT TYPE="TEXT"></TD>
</TR>
<TR>
<TD><FONT COLOR="BLACK">NAMA</FONT></TD><TD><INPUT TYPE="TEXT"></TD>
</TR>
<TR>
<TD><FONT COLOR="BLACK">TTL</FONT></TD><TD><INPUT TYPE="TEXT"><TD><INPUT TYPE="DATE"> </TD>
</TR>
<TR>
<TD></TD>
<TD><INPUT TYPE="SUBMIT" NAME="SUBMIT><INPUT TYPE="RESET" NAME="RESET"></TD>
<.TR>
</TABLE>
</FORM>
</BODY>
</HEAD>
</HTML>
Kalau anda mengganti <TABLE BORDER="0">,maka hasil nya seperti ini.
<HEAD>
<TITLE>
Form Pendaftaran Sederhana
<BODY>
<FORM>
<CENTER><H1><FONT COLOR="BLACK">FORMULIR PENDAFTARAN MAHASISWA BARU</FONT><H1></CENTER>
<TABLE BORDER="1">
<TR>
<TD><FONT COLOR="BLACK">NIK</FONT></TD><TD><INPUT TYPE="TEXT"></TD>
</TR>
<TR>
<TD><FONT COLOR="BLACK">NAMA</FONT></TD><TD><INPUT TYPE="TEXT"></TD>
</TR>
<TR>
<TD><FONT COLOR="BLACK">TTL</FONT></TD><TD><INPUT TYPE="TEXT"><TD><INPUT TYPE="DATE"> </TD>
</TR>
<TR>
<TD></TD>
<TD><INPUT TYPE="SUBMIT" NAME="SUBMIT><INPUT TYPE="RESET" NAME="RESET"></TD>
<.TR>
</TABLE>
</FORM>
</BODY>
</HEAD>
</HTML>
3. Simpan Dengan Format .HTML
4. Dan Hasilnya seperti ini.
Sebagai catatan : Border yang di <TABLE BORDER="1">.
*SELAMAT MENCOBA*
0 Comments