Tutorial Cara Membuat Validasi Dengan HTML

Posting Komentar
Pada artikel singkat ini saya akan share tentang Tutorial Cara Membuat Validasi Dengan HTML Fungsi validasi ini yaitu ketika pengguna mengisi suatu form yang kosong maka sistem tidak akan menerima proses form tersebut sampai form tersebut diisi.

Disini kita menggunakan Validasi dengan HTML, walaupun dengan html tetapi masih dapat digunakan loh walaupun dengan menggunakan html ini tidak menarik. Langsung saja kita simak tutorial berikut ini.

Tutorial Cara Membuat Validasi Dengan HTML

1. Buat file dengan nama validasi.html
Langkah pertama yaitu buatlah file html dengan nama validasi.html lalu, ketikan kode di bawah ini.
<html>
<head>
<title>Membuat Validasi Dengan HTML</title>
</head>
<body>
<form method="POST" action="#">
  <label>Nama</label>
  <input type="text" name="nama" required>

  <button type="submit">Simpan</button>
</form>
</body>
</html>

2. Simpan
Kedua, simpan file tersebut lalu jalankan di browser anda lalu klik tombol Simpan tanpa mengisi kolom nama. Maka, setelah dijalankan akan muncul tampilan seperti di bawah ini.


Penjelasan :
Perhatikan pada kode di atas, anda akan melihat kode ini.

<input type="text" name="nama" required>

Kode tersebut terdapat kata required yang artinya perlu. oleh karena itu form tersebut tidak dapat disimpan karena form nama harus diisi sebelum diproses oleh sistem.

Itulah tutorial singkat Tutorial Cara Membuat Validasi Dengan HTML, cara menggunakannya saya rasa cukup mudah untuk diterapkan. Cukup sampai disini semoga bermanfaat untuk anda. Terima kasih
Fiqi Sulaiman
Hello, saya Fiqisulaiman. seorang Web Developer yang mengkhususkan diri ke bagian Front End Development selain itu saya suka membuat beragam macam template website di waktu luang saya.

Related Posts

Posting Komentar