Anda di halaman 1dari 4

LAPORAN PRAKTIKUM

PEMEROGRAMAN WEB
MODUL 3
VALIDASI HTML 5

ERRAS LINDIARDA MAHENTA


3411191102
D-CLASS

PROGRAM STUDI INFORMATIKA


FAKULTAS SAINS DAN INFORMATIKA
UNIVERSITAS JENDRAL ACHMAD YANI
2020
Tujuan:

1. Mahasiswa mengetahui dasar-dasar HTML 5


2. Mahasiswa mampu mengetahui tag-tag HTML 5 untuk validasi from
3. Mahasiswa mampu membuat validasi from dengan HTML 5

Dasar Teori

HTML5 dikembangkan oleh W3C (world wide web consortium) dan WHATWG
(web hypertext application tecknologi working group) sejak tahun 2009 setelah W3C
mengakhiri kelompok kerja pengembangan xHTML 2.0.

HTML5 merupakan bahasa markah yang digunakan untuk menstrukturkan dan


menampilkan isi dari world wide web yang merupakan sebuah teknologi inti dari internet.
HTML5 merupakan revisi ke-5 dari HTML dan hingga bulan juni 2011 masih dalam
pengembangan. HTML5 merupakan salah satu karya W3C untuk mendefinisikan sebuah
bahasa markah tunggal yang dapat di tulis dengan cara HTML ataupun xHTML. HTML5
merupakan jawaban atas pengebangan HTML 4.10 dan xHTML 1.1 yang selama ini berjalan
terpisah dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak web.
Meski HTML5 dikenal luas oleh para pengembang web sejak lama, namun HTML5 mulai
populer pada april 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan
pengembangan HTML5, “Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan
video atau menyaksikan konten apapun di web.

Tujuan utama dari pengembangan HTML5 adalah untuk memperbaiki teknologi


HTML agar mendukung teknologi multimedia terbaru, mudah dibaca, dan mudah dimengerti
oleh engine. Selain itu tujuan dari HTML5, antara lain:

 Fitur baru didasarkan pada HTML, JavaScript, DOM, dan CSS.


 Mengurangi kebutuhan untuk plugin eksternal (seperti flash)
 Penangan kessalahan yang lebih baik.
TUGAS PRAKTIKUM

<head>
<meta charset="UTF-8">
<title>Formulir Pendaftaran</title>
</head>
<body><center>

<i class="fas fa-laugh-wink"></i><table>


<form method="POST" action=""></form>
<tbody><tr>

<td>Nama Lengkap</td>
<td><input type="text" name="nama" placeholder="Nama Lengkap"
pattern="" required=""></td>
</tr>
<tr>
<td>Username</td>
<td><input type="text" name="user" placeholder="Username"
required=""></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" placeholder="Masukan Email"
required=""></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password" placeholder="Masukan
Password" minlength="4" maxlength="12" required=""></td>
</tr>
<tr>
<td>Telpon</td>
<td><input type="number" name="no_telpon" placeholder="Masukan
No. Telpon" minlength="12" maxlength="13" pattern="[0-9]" required="">
</td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td><input type="date" name="tanggal_lahir" required=""></td>
</tr>
<tr>
<td colspan="1"><input type="submit" value="Buat Akun Saya">
</td></tr>

</tbody></table>

</center>
</body>

Anda mungkin juga menyukai