Assalamu'alaikum warahmatullahi wabarakatuh, Kembali lagi dengan saya Alfen Febral Pemilik blog ini. di pagi yang cerah ini secerah senyumanmu saya akan memberikan tutorial membuat form HTML.
apa sih HTML itu ?
ya Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah 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 terintegerasi.
kata wikipedia sih gitu :p
Pertama nyalain dulu XAMPP yang sudah terinstall di komputer/laptop kalian.
kemudian buat file dengan nama login.php yang diletakkan di direktori C:\xampp\htdocs
Setelah itu kita buat sebuah file dengan nama login.php di Text Editor yg kalian pakai(misal: Dreamweaver atau Sublime Text.
Tulis file yang kita buat tadi dengan kode berikut.
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<body>
<table align="center" style="border: 1px solid #000;border-collapse: collapse;" border="0px">
<tbody>
<tr align="center">
<td colspan="4">Login</td>
</tr>
<tr>
<td>Nama </td>
<td><input type="text" placeholder="Masukkan Nama" name="nama"/></td>
</tr>
<tr>
<td>Password </td>
<td><input type="password" placeholder="Masukkan Password"/></td>
</tr>
<tr>
<td colspan="5" align="right"><input type="submit" name="login" value="login"/></td>
</tr>
</tbody>
</table>
</body>
</html>
jangan lupa di delete save file tadi.
Nah terus buka deh di browser , dengan alamat URL http://localhost/web/login.php
Penjelasan:
atribut align="center" digunakan untuk mentengahkan isi atau letak dari TAG HTML.
style="border: 1px solid #000;border-collapse: collapse;" border="0px"hi atribut ini digunakan untuk menstylekan table menjadi mempunyai border solid dan terlihat tidak jadul.
colspan digunakan untuk mengabungkan kolom.
tr = kolom tabel
td = baris tabel
input type="text" itu tipe inputan bisa text, password,submitdll udah gatau lagi.
placeholder="Masukkan Nama" place holder ini semacam caption di inputan yg hilang ketika kalian memasukkan angka atau huruf kesana.
name="nama" atribut ini biasanya digunakan untuk menandakan nama inputan tadi
value="login" atribut adalah isi dari TAG.
Sekian Postingan saya kali ini semoga membantu and good luck :)
Judul : Membuat Form Login Sederhana Dengan HTML
Deskripsi : Assalamu'alaikum warahmatullahi wabarakatuh, Kembali lagi dengan saya Alfen Febral Pemilik blog ini. di pagi yang cerah ini sece...