Project
![](https://1.bp.blogspot.com/-GTJbveItpnE/XuhecnbMkBI/AAAAAAAAAMA/zUpZdXvGEow1m9Bp4pqzzulMNPUxeZaTQCK4BGAsYHg/s320/TechSmith%2BSnagit%2B2020.1.2%2BBuild%2B5749.jpg)
![](https://1.bp.blogspot.com/-n2x7BXoZsSQ/XuhedMWMmkI/AAAAAAAAAMI/ht0jXqm9WBoPMA55ccBobLQFyV6PJuHVwCK4BGAsYHg/s320/TechSmith%2BSnagit%2B2020.1.2%2BBuild%2B57492.jpg)
![](https://1.bp.blogspot.com/-VdKzxbg3J7U/XuhedRmMKRI/AAAAAAAAAMM/IjngnZHuMhEPCgy3vGOwWtmI-BIhZZwRQCK4BGAsYHg/s320/TechSmith%2BSnagit%2B2020.1.2%2BBuild%2B57491.png)
![](https://1.bp.blogspot.com/-H5Xv1CW6KGM/Xuhecw0yiOI/AAAAAAAAAME/VwSS_AvmX1Aj4AXHKpuT_RmXoAvIgOCzwCK4BGAsYHg/s320/TechSmith%2BSnagit%2B2020.1.2%2BBuild%2B57493.jpg)
Belajar Membuat Formulir Dengan HTML
Sabtu, 14 Januari 2023Belajar membuat formulir dengan Tag <form> dalam HTML, yang digunakan untuk membuat sebuah formulir elektronik (e-formulir) yang dapat digunakan untuk mengumpulkan data dari pengguna web. Formulir ini dapat mengandung berbagai macam elemen seperti input, pilihan, tombol, dll.
![]() |
Sumber foto: www.pexels.com (by Markus Spiske) |
Contoh penggunaan tag <form> dalam HTML:
<form action="form.html" method="post" name="form1">
<label for="username">Nama User:</label><br>
<input type="text" id="username" name="username"><br>
<label for="password">Kata Sandi:</label><br>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Submit">
</form>
- action: Untuk menentukan lokasi dimana data formulir akan dikirimkan ketika formulir tersebut disubmit.
- method: Untuk menentukan metode yang digunakan untuk mengirimkan data formulir, yang bisa bernilai "get" atau "post".
- name: Untuk menamai formulir tersebut.
Berikut ini adalah contoh sederhana penggunaan tag <form>, Salin
semua kode di bawah ini dan save dengan nama formulir.html (untuk
menuliskan kode HTML ini dapat menggunakan notepad):
Penggunaan tag <form> di atas akan menghasilkan formulir seperti berikut, Ketika halaman web ini dijalankan di browser web (untuk menjalankannya klik file formulir.html yang telah dibuat di atas), akan terlihat hasilnya seperti:
Tidak ada komentar:
Posting Komentar