Mohon tunggu...
Alifkhan Hatma
Alifkhan Hatma Mohon Tunggu... Mahasiswa - Mahasiswa

Mahasiswa Univesitas Haluoleo

Selanjutnya

Tutup

Ilmu Alam & Tekno

Membuat Tampilan Form Sederhana Menggunakan HTML dan CSS

30 Oktober 2024   23:47 Diperbarui: 31 Oktober 2024   07:04 90
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik

HTML (Hypertext Markup Language) merupakan suatu bahasa pemrograman yang digunakan untuk membuat halaman website yang ditampilkan pada web browser.

Form adalah suatu bagian dari HTML yang berfungsi sebagai input atau masukan dari pengguna yang kemudian akan diproses atau diolah agar dapat dipakai sesuai kebutuhan.

Langkah-langkah Pembuatan Form:

1. Buatlah struktur dasar HTML yang berisi:

  • : Yang berarti bahwa file ini adalah file HTML 5.
  • : Tag ini digunakan untuk membungkus seluruh konten halaman web.
  • : Menyimpan informasi seperti judul halaman, ikon dan deskripsi.
  • : Tag body adalah bagian yang berisi semua konten utama halaman web.

2. Di dalam body buatlah tag form, tag ini digunakan untuk membungkus elemen-elemen HTML yang akan digunakan dalam pembuatan form. Tag ini juga memiliki beberapa atribut yang harus di berikan, seperti:

action untuk menentukan aksi yang akan dilakukan saat data dikirim.

method sebagai metode pengiriman data.

3. Di dalam tag tambahkan , input, label, dan textarea

  • Tag label berfungsi untuk mendeskripsikan elemen input, sehingga pengguna mengetahui data apa yang harus dimasukkan.
  • Tag input berfungsi sebagai tempat bagi user untuk mengisi atau menginputkan data.
  • Tag textarea digunakan untuk menerima input teks yang panjang atau lebih dari satu baris.
  • Tag input akan digunakan untuk mengisi Nama, Email dan Paswor, sedangkan <textarea> akan digunakan untuk mengisikan alamat.

Untuk lebih jelasnya lihatlah gambar dibawah ini

Dokumen pribadi
Dokumen pribadi

HALAMAN :
  1. 1
  2. 2
  3. 3
Mohon tunggu...

Lihat Konten Ilmu Alam & Tekno Selengkapnya
Lihat Ilmu Alam & Tekno Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun