search

Tag apa yang digunakan untuk membuat form?

Ngày đăng: 15/12/2022
Trả lời: 0
Lượt xem: 47

Hello temen temen, kali ini kita akan belajar membuat form html. Form merupakan tempat penginputan data sebelum diproses oleh sistem. Seperti yang kita tahu web tidak hanya untuk menampilkan sebuah informasi saja tetapi juga mengambil data pengunjung seperti login dan register. Untuk membuat itu dibutuhkan sebuah form untuk menerima hasil inputan dari user, jika kalian pernah membuka facebook pasti kalian harus login terlebih dahulu. Form didalam web bisa kita samakkan dengan formulir dunia nyata, contohnya form biodata. Bedanya di web data itu akan diproses dan diterima lewat jalur server website kita. Memproses data ini nanti kita membutuhkan bahasa server side seperti php atau nodejs dan database seperti mongodb atau mysql. Tapi karena kita disini masih belajar html , jadi kita akan mempelajri sintak sintaknya saja

Show

Cara Membuat Form HTML

Form di html dimulai dengan tag

.

Tag ini memiliki beberapa atribut yang penting yaitu ada :

  • action fungsinya untuk menentukan aksi yang akan dilakukan saat data dikirim
  • method metode untuk pengiriman data

Contoh kodenya seperti ini guys.

Tag apa yang digunakan untuk membuat form?

Atribut action dapat kita isi dengan alamat url atau halaman yang kita buat untuk memproses data jika di php maka akan diarahkan ke proses.php. Tapi untuk sekarang temen temen bisa abaikan dulu atau bisa dibilang cukup tau saja.

Tag Input Html

Tag input adalah tag html yang digunakan untuk menerima data dari user.

Tag input memiliki beberapa atribut khusus :

  • type merupakan type dari field
  • name merupakan nama dari field yang akan menjadi kunci dan variabel didalam program php.

Type input ini ada banyak sekali gaes berikut ini adalah beberapa macamnya

Macam – macam Type input

Type input ini ada banyak sekali gaes berikut ini adalah beberapa macamnya .

  1. Type text : untuk menampilkan input data berupa kotak yang dapat diisi sebaris tulisan
  2. Type Mulitiple: type ini menggunakan tag

    3. Di atas menggunakan menggunakan 3 type field yaitu type text, password, dan checkbox serta tag button untuk submit data kita atau mengirim data kita. Atribut placeholder adalah atribut opsional yang fungsinya untuk menampilkan text sementara.

    Untuk lebih melatih pemahaman kita disini kita akan membuat sebuah form biodata. Karena di form biodata menggunakan type type yang ada di form gaes jadi cocok banget buat latihan untuk pemula.

    Berikut kodenya.

    

  
    Form Biodata
  
  
    
    FORM BIODATA MAHASISWA DUNIA CODING
    
    
    
    
    
    
    
      
    
        NIM
        :
        
          
        
      
    
      
    
        Nama Lengkap
        :
        
          
        
      
    
      
    
        Kelas
        :
        
          
        
      
    
      
    
        Jurusan
        :
        
          Teknik Informatika Sistem Informasi Multimedia
        
      
    
      
    
        Tempat dan Tanggal Lahir
        :
        
          
          
          
          
        
      
    
      
    
        Jenis Kelamin
        :
        
          Laki-laki Perempuan
        
      
    
      
    
        Alamat
        :
        
          
        
      
    
      
    
        Email
        :
        
           @

    Maka tampilannya akan menjadi seperti ini

    Tag apa yang digunakan untuk membuat form?

    Nah jika dilihat banyak tag dan juga atribut yang kita bahas ya gaess. Berikut list atrbiut yang belum kita bahas

    • autocomplete : tag ini untuk memberitahu browser apakah form ini membawa history apa yang diketikan user sebelumnya atau tidak. Tag ini memiliki dua nilai yaitu on f=dan off defaulnya adalah on.
    • autofocus : digunakan untuk memberikan focus secara otomastis pada inputan yang diberikan tag ini ketika halaman direload.
    • form enctype : digunakan ketika kita ingin menirim file di inputan kita ke server, digunakan di tag form
    • height and width : untuk mengatur tinggi dan lebar form
    • min and max : untuk menentukan minimal dan maksimal inputan, digunakan di type number atau date.
    • multiple : memberitahu browser bahwa pengguna diperbolehkan memasukkan lebih dari satu nilai pada elemen . Biasa dipakai di inputan bertype file. Yang artinya boleh menginput banyak gambar.
    • required : untuk validasi client side yang artinya inputan ini harus diisi

    Nah mungkin itu dulu temen temen pembelajaran kita kali ini jika temen temen ada pertanyaan bisa ketik di kolom komentar sekian dari saya salam ngoding.

    Tag apa saja yang dapat digunakan dalam pembuatan form?

    Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

    Tag apakah untuk membuat form *?

    Untuk membuat form menggunakan bahasa HTML dapat mengunakan element HTML yaitu <form> … form>. Dalam element form tersebut, harus ditambahkan element lain sesuai dengan jenis inputan yang dipakai yaitu element , <label>,