Apa kode untuk formulir di html?

Penyingkapan. Dukungan Anda membantu menjaga situs tetap berjalan. Kami mendapatkan biaya rujukan untuk beberapa layanan yang kami rekomendasikan di halaman ini. Belajarlah lagi

Element ofHTML Web Forms Tutorial For Coding BeginnersWhat does HTML Form Code For Beginners [And When To Use It] do?The element is used to create an HTML form. The element does not actually create form fields, but is used as a parent container to hold form fields such as and elements.DisplayblockUsagesemantic | structural

Isi

Contoh Kode

 Name
 
 

Nama

Formulir HTML

Apakah Anda ingin membuat pendaftaran email sederhana, halaman checkout dan pembayaran yang cukup rumit, atau aplikasi web yang sangat interaktif, Anda akan menggunakan elemen formulir HTML, yang terpenting adalah

Cara kerja formulir HTML standar

Formulir HTML ditemukan dan sebagian besar distandarisasi sebelum munculnya Javascript asinkron dan aplikasi web yang kompleks. Saat ini, kami menggunakan input formulir, tombol, dan mekanisme interaksi lainnya dengan berbagai cara;

Saat Anda memuat halaman, Anda membuat permintaan HTTP [biasanya permintaan GET]. Permintaan ini dikirim oleh browser Anda ke server, dan server merespons dengan [biasanya] halaman web yang Anda cari. Interaksi ini adalah salah satu konsep internet yang paling mendasar. Dan begitulah cara kerja formulir HTML

Setiap input di dalam elemen [dan ini termasuk elemen serta dan lainnya] memiliki atribut name, dan juga nilai. Nilai ditentukan dengan cara yang berbeda. Untuk input berbasis teks, nilainya adalah apa pun yang telah diketikkan ke dalam bidang. Untuk tombol radio, nilainya adalah opsi yang dipilih. Pengguna dapat menyesuaikan nilainya, tetapi [biasanya] bukan namanya. Ini menciptakan sekumpulan pasangan nama-nilai yang nilainya ditentukan oleh input pengguna

Saat formulir dikirimkan, pasangan nama-nilai dari semua bidang di dalam elemen disertakan dalam HTTP. Permintaan dibuat ke URL yang ditentukan dalam atribut HTML Form Code For Beginners [And When To Use It]0 formulir, dan jenis permintaan [GET atau HTML Form Code For Beginners [And When To Use It]2] ditentukan dalam atribut HTML Form Code For Beginners [And When To Use It]3 formulir. Ini berarti bahwa semua data yang diberikan pengguna dikirim ke server sekaligus saat formulir dikirimkan, dan server dapat melakukan apapun yang diinginkannya dengan data tersebut.

Saat server menerima pengiriman formulir, itu seperti permintaan HTTP lainnya. Itu melakukan apa pun yang perlu dilakukan dengan data yang disertakan dan mengeluarkan respons kembali ke browser. Ingat bagaimana pemuatan halaman adalah respons? . Dalam pengiriman formulir biasa, responsnya adalah halaman baru yang dimuat browser. Biasanya halaman baru menggantikan yang sekarang, tetapi ini dapat diganti dengan atribut HTML Form Code For Beginners [And When To Use It]4

Sebagian besar formulir online bekerja dengan cara ini, dan itulah mengapa Anda dikirim ke halaman "Terima Kasih" saat Anda mengisi formulir berlangganan email

Aplikasi dan formulir web tanpa

Aplikasi web interaktif modern menggunakan Javascript untuk menjalankan permintaan HTTP asinkron, atau panggilan "di belakang layar" ke server yang tidak memuat ulang halaman. Mereka tidak mengandalkan perilaku bawaan elemen HTML , karena mereka tidak menggabungkan banyak data pengguna dan mengirimkannya sekaligus

Karena alasan ini, banyak [meskipun tidak semua] aplikasi web HTML+JS tidak menggunakan elemen sama sekali, atau mereka hanya menggunakannya sebagai semacam wadah untuk berbagai jenis bidang dan elemen masukan. Dalam hal ini, Anda tidak akan melihat atribut HTML Form Code For Beginners [And When To Use It]3 dan HTML Form Code For Beginners [And When To Use It]0 sedang digunakan

Pelajari lebih lanjut tentang formulir

Ada banyak elemen terkait bentuk — berbagai jenis tombol, masukan, pemilih untuk berbagai jenis, mekanisme umpan balik… segala macam hal. ada juga banyak kerumitan dalam hal penataan bentuk, membuatnya berfungsi pada layar dengan ukuran berbeda, dan membuatnya dapat diakses oleh penyandang disabilitas. Pendeknya. formulir itu rumit, mungkin aspek HTML yang paling rumit

HTML adalah singkatan dari HyperText Markup Language. Ini digunakan untuk mendesain halaman web menggunakan bahasa markup. Ini adalah kombinasi dari Hypertext dan bahasa Markup. HTML menggunakan tag dan elemen yang telah ditentukan sebelumnya yang memberi tahu browser cara menampilkan konten dengan benar di layar, dan formulir adalah salah satunya. Jadi, pada artikel ini, kita akan belajar apa itu form HTML, apa saja elemen form dan bagaimana kita bisa menggunakan form HTML di halaman web kita.  

What is HTML ?

adalah elemen HTML untuk mengumpulkan data input yang berisi kontrol interaktif. Ini menyediakan fasilitas untuk memasukkan teks, angka, nilai, email, kata sandi, dan bidang kontrol seperti kotak centang, tombol radio, tombol kirim, dll. , atau dengan kata lain, form adalah wadah yang berisi elemen input seperti teks, email, angka, tombol radio, kotak centang, tombol kirim, dll. Formulir umumnya digunakan saat Anda ingin mengumpulkan data dari pengguna. Misalnya, pengguna ingin membeli tas secara online, maka dia harus terlebih dahulu memasukkan alamat pengirimannya di formulir alamat, lalu menambahkan detail pembayarannya di formulir pembayaran untuk melakukan pemesanan.

Formulir dibuat dengan menempatkan kolom input di dalam paragraf, teks yang telah diformat sebelumnya, daftar, dan tabel. Ini memberikan fleksibilitas yang cukup besar dalam mendesain tata letak formulir.  

Sintaksis

_

Bentuk elemen

These are the following HTML elements:

• . Ini mendefinisikan label untuk elemen
• . Digunakan untuk mendapatkan input data dari form dalam berbagai tipe seperti teks, password, email, dll dengan mengubah tipenya
• . Ini mendefinisikan tombol yang dapat diklik untuk mengontrol elemen lain atau menjalankan fungsionalitas
• . Ini digunakan untuk membuat daftar drop-down
• . Ini digunakan untuk mendapatkan masukan konten teks panjang
• . Ini digunakan untuk menggambar kotak di sekitar elemen formulir lain dan mengelompokkan data terkait
• . Ini mendefinisikan keterangan untuk elemen fieldset
• . Ini digunakan untuk menentukan opsi daftar yang telah ditentukan sebelumnya untuk kontrol input
• . Ini menampilkan output dari perhitungan yang dilakukan
• . Ini digunakan untuk menentukan opsi dalam daftar drop-down
• . Ini digunakan untuk menentukan opsi terkait grup dalam daftar drop-down

Kotak teks dalam Formulir HTML

In an HTML form, we use the tag by assigning type attribute value to text to input single line input. To define type attribute see the below syntax. 

Tip. Nilai default dari atribut type adalah “text”

Sintaksis

Atau singkatan untuk jenis "teks".

Kata sandi dalam Formulir HTML

Kita dapat mengubah teks nilai jenis menjadi kata sandi untuk mendapatkan kata sandi masukan

Contoh

HTML