Cara Membuat Form Login Pada HTML
Desember 03, 2019
Edit
Cara Membuat Form Login Pada HTML
Hallo , Selamat datang di blog saya, Apa kabar teman semua ? Saya harap semua yang menyempatkan membaca artikel ini sehat yaaa , Oke pada kesempatan kali ini saya akan memberikan sebuah tutorial ataupun cara dalam membuat Cara Membuat Form Login Sederhana HTML dengan menggunakan sebuah apliksi alat bantu text editor, yaitu dengan menggunakan sublime text, pada pembuatan program ini saya menggunakan aplikasi sublime text yang versi 3 ya teman-teman.
tutorial html ini dibuat untuk anda yang sedang belajar mnggunakan syntaq html terutama dalam pembuatan form login sederhana.
disini saya akan membuatkan tutorial menggunakan html5.
disini saya akan membuatkan tutorial menggunakan html5.
Sebelum kita masuk dalam pembahsan yang saya jadikan judul, alangkah baiknya kita terlebih dahulu mengetahui apasih yang dimaksud dengan sublime ? Apa saja sih yang harus diperbuat untuk membangun program ini ?, Oke langsung saja saya jelaskan ya, Sublime text merupakan aplikasi code text editor yang mana , aplikasi ini dapat dijalankan pada semua media platform, seperti Windows, maupun IOS.
Aplikasi ini bukan merupakan aplikasi opensource, melainkan merupakan aplikasi yang ditemukan oleh komunitas tertentu, oleh karena itu aplikasi ini gratis untuk diDownload.
Login merupakan sebuah form sebelum memasuki sebuah sistem untuk dapat diakses nantinya, Login berguna juga untuk menghindari robot untuk mengakses sebuah sistem.
Oke langsung saja kita masuk pada pembuatan program javascript untuk menghitung luas dan keliling jajar genjang menggunakan aplikasi bantu yaitu Sublime text.
Berikut source code dalam membuat form login ini :
1. Langkah pertama, Silahkan anda buat sebuah folder kosong, kemudian buat file dalam format html, terserah mau anda bikin apa saja, disini saya membuat nama filenya yaitu form, ini merupakan file yang akan kita isi source kode dibawah.
2. Kemudian isikan source code dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>HTML Form</title>
</head>
<body>
<form>
<label for="username">username : </label>
<input type="text" id="username">
<br>
<label for="password">password</label>
<input type="password" id="password">
<br>
<input type="radio" id="pria" name="jeniskelamin"></label for="pria">pria</label>
<input type="radio" id="wanita" name="jeniskelamin"></label for="wanita">wanita</label>
<br>
<input type="checkbox" id="menyanyi"></label for="menyanyi">menyanyi</label>
<input type="checkbox" id="olahraga"></label for="olahraga">olahraga</label>
<input type="checkbox" id="ngoding"></label for="ngoding">ngoding</label>
<br>
<textarea></textarea>
<br>
<select>
<option>Bandung</option>
<option>Pekanbaru</option>
<option>Jakarta</option>
</select>
<br>
<button type="submit">Kirim!</button>
</form>
</body>
</html>
Kemudian silahkan disave filenya, lalu buka browser anda, Maka hasil dari kerja anda kali ini akan seperti gambar dibawah ini.
Cukup mudah bukan ? Bila ada kata yang rancu, sila anda bertanya dikolom komentar.....