{"id":1760,"date":"2023-02-23T04:59:36","date_gmt":"2023-02-23T04:59:36","guid":{"rendered":"https:\/\/imilkom.usu.ac.id\/?p=1760"},"modified":"2023-02-23T04:59:37","modified_gmt":"2023-02-23T04:59:37","slug":"imilkom-belajar-8-form-dalam-html","status":"publish","type":"post","link":"https:\/\/imilkom.usu.ac.id\/?p=1760","title":{"rendered":"IMILKOM BELAJAR \u2013 #8 FORM DALAM HTML"},"content":{"rendered":"\n<p>Halo adik adik kak jill, hari ini kita bakalan lanjutin pembahasan kita nih mengenai pembelajaran HTML, setelah kemarin kalian udah bisa nih membuat tabel di html, hari ini kita bakalan bahas gimana sih step by step membuat form dalam html. Jadi yaudin without anyfurther do, letzgedittt.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"500\" src=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/formdalamhtml.png\" alt=\"\" class=\"wp-image-1761\" srcset=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/formdalamhtml.png 900w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/formdalamhtml-300x167.png 300w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/formdalamhtml-768x427.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Form dalam HTML<\/p>\n\n\n\n<p>Form adalah bagian dari halaman web yang memungkinkan pengguna untuk mengirimkan data ke server. Dalam HTML, form dapat dibuat menggunakan tag &lt;form&gt;. Form dalam HTML &nbsp;juga memiliki banyak peranan lo. Tidak hanya sebagai pengumpul informasi form juga berguna Mengirimkan data ke server: Setelah pengguna mengisi form, data tersebut dapat dikirimkan ke server melalui HTTP request (POST atau GET). Form juga dapag digunakan sebagai bentuk validasi data sebelum dikirimkan ke server. Ini dapat dilakukan dengan JavaScript atau dengan server-side scripting seperti PHP. Tidak hanya itu form juga dapat digunakan untuk melakukan permintaan ke server dan memberikan interaksi kepada pengguna website nantinya.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Langkah Langkah membuat form dalam HTML<\/p>\n\n\n\n<p>Berikut adalah langkah-langkah untuk membuat form sederhana:<\/p>\n\n\n\n<ul><li>Memulai form: Mulailah dengan membuka tag &lt;form&gt; dan menambahkan atribut action dan method. Atribut action menentukan URL yang akan digunakan untuk mengirimkan data, sedangkan method menentukan metode pengiriman data, yaitu GET atau POST.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"58\" src=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code1.png\" alt=\"\" class=\"wp-image-1762\" srcset=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code1.png 747w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code1-300x23.png 300w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<ul><li>Tambahkan elemen input: Elemen input adalah komponen dalam form yang memungkinkan pengguna untuk memasukkan data. Ada beberapa jenis elemen input, seperti teks, password, radio, checkbox, dan lain-lain. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"49\" src=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code2.png\" alt=\"\" class=\"wp-image-1763\" srcset=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code2.png 714w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code2-300x21.png 300w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/figure>\n\n\n\n<ul><li>Tambahkan tombol submit: Tombol submit adalah tombol yang digunakan untuk mengirimkan data. Anda dapat menambahkan tombol submit dengan elemen &lt;input type=&#8221;submit&#8221;&gt;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"67\" src=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code3.png\" alt=\"\" class=\"wp-image-1764\" srcset=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code3.png 732w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code3-300x27.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<ul><li>Tutup form: Setelah menambahkan elemen input dan tombol submit, tutup form dengan tag &lt;\/form&gt;:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"62\" src=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code4.png\" alt=\"\" class=\"wp-image-1765\" srcset=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code4.png 727w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code4-300x26.png 300w\" sizes=\"(max-width: 727px) 100vw, 727px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Biar langsung paham yuk lihat contoh form yang udah mimin buatt<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"362\" src=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code5.png\" alt=\"\" class=\"wp-image-1766\" srcset=\"https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code5.png 735w, https:\/\/imilkom.usu.ac.id\/wp-content\/uploads\/2023\/02\/code5-300x148.png 300w\" sizes=\"(max-width: 735px) 100vw, 735px\" \/><\/figure>\n\n\n\n<ul><li>Tag &lt;form&gt; membuka form dan menentukan URL tujuan (action) dan metode pengiriman data (method).<\/li><li>Elemen &lt;label&gt; digunakan untuk memberikan label pada elemen input. Atribut for menentukan elemen input yang terkait dengan label.<\/li><li>Elemen &lt;input&gt; digunakan untuk membuat elemen input. Atribut type menentukan jenis elemen input, misalnya teks, email, password, dan lain-lain. Atribut id dan name digunakan untuk memberikan identitas pada elemen input.<\/li><li>Tombol submit dibuat menggunakan elemen &lt;input type=&#8221;submit&#8221;&gt;. Atribut value menentukan teks yang akan ditampilkan pada tombol.<\/li><li>Tag &lt;\/form&gt; menutup form.<\/li><\/ul>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Semudah itu guys. Kalau kalian udah ngikutin step by step dari awal pasti bisa kok. Nah sekian dulu buat artikel website minggu ini. Stay tune ya buat konten seru lainnya dari IMILKOM. See you guys.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Halo adik adik kak jill, hari ini kita bakalan lanjutin pembahasan kita nih mengenai pembelajaran HTML, setelah kemarin kalian udah bisa nih membuat tabel di html, hari ini kita bakalan&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1761,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,3],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/posts\/1760"}],"collection":[{"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1760"}],"version-history":[{"count":3,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/posts\/1760\/revisions"}],"predecessor-version":[{"id":1769,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/posts\/1760\/revisions\/1769"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=\/wp\/v2\/media\/1761"}],"wp:attachment":[{"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imilkom.usu.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}