{"id":55,"date":"2019-07-16T11:19:05","date_gmt":"2019-07-16T11:19:05","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=55"},"modified":"2019-09-03T11:54:28","modified_gmt":"2019-09-03T11:54:28","slug":"form-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/form-html\/","title":{"rendered":"HTML : Form"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Mengenal Form HTML<\/h4>\n\n\n\n<p>Form HTML diperlukan untuk mengumpulkan berbagai macam informasi user, seperti detail kontak nama, alamat email, nomor telepon, atau detail lainnya seperti informasi kartu kredit, dll.<\/p>\n\n\n\n<p>Form berisi elemen khusus yang disebut kontrol seperti inputbox, kotak centang, radio-button, tombol kirim, dll. User umumnya mengisi form seperti memilih item, data diri, dll. dan mengirimkannya ke server web untuk diproses.<\/p>\n\n\n\n<p>Tag &lt;form&gt; digunakan untuk membuat formulir HTML. Berikut ini contoh sederhana form login:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;fieldset&gt;\n        &lt;legend&gt;Log In&lt;\/legend&gt;\n        &lt;label&gt;Username: &lt;input type=&quot;text&quot;&gt;&lt;\/label&gt;\n        &lt;label&gt;Password: &lt;input type=&quot;password&quot;&gt;&lt;\/label&gt;\n        &lt;input type=&quot;submit&quot; value=&quot;Submit&quot;&gt;\n    &lt;\/fieldset&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Bagian berikut menjelaskan berbagai jenis kontrol yang dapat kalian gunakan pada form kalian.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Elemen Input<\/h4>\n\n\n\n<p>Ini adalah elemen yang paling umum digunakan dalam formulir HTML.<\/p>\n\n\n\n<p>Elemen yang paling penting dalam form adalah elemen input. Elemen ini memungkinkan pengunjung memasukan data melalui halaman form yang datanya kemudian akan dikirimkan keserver. Ada banyak elemen-elemen input pada form, yang dapat digunakan oleh user untuk mengisikan data dengan yang berbeda-beda jenisnya. Jenis elemen input dapat berupa kotak centang, kata sandi, tombol radio, tombol kirim, tombol reset, dll.<\/p>\n\n\n\n<p>Jenis input yang paling umum digunakan akan dijelaskan di bawah ini:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Text Field<\/h4>\n\n\n\n<p>Text field adalah area satu baris yang memungkinkan user untuk memasukkan teks.<\/p>\n\n\n\n<p>Kontrol input teks satu baris dibuat menggunakan elemen &lt;input&gt;, yang atribut tipenya memiliki\/berisi nilai teks. Berikut adalah contoh input teks satu baris yang digunakan untuk mengambil id username pada form login:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;label for=&quot;username&quot;&gt;Username:&lt;\/label&gt;\n    &lt;input type=&quot;text&quot; name=&quot;username&quot; id=&quot;username&quot;&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p><strong><em>Catatan:<\/em><\/strong> Tag &lt;label&gt; untuk mendefinisikan label pada elemen &lt;input&gt;. Jika kalian ingin user memasukkan beberapa baris, maka kalian harus menggunakan &lt;textarea&gt;.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Password Field<\/h4>\n\n\n\n<p>Bidang kata sandi mirip dengan bidang teks. Satu-satunya\nperbedaan adalah; karakter dalam bidang kata sandi disamarkan misal seperti\nditampilkan dengan tanda bintang atau titik. Ini untuk mencegah orang lain\nmembaca kata sandi di layar. Ini juga merupakan kontrol input teks satu baris\nyang dibuat menggunakan elemen &lt;input&gt; yang atribut tipenya memiliki\nnilai kata sandi.<\/p>\n\n\n\n<p>Berikut adalah contoh input kata sandi satu baris yang digunakan untuk mengambil kata sandi pengguna:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;label for=&quot;user-pwd&quot;&gt;Password:&lt;\/label&gt;\n    &lt;input type=&quot;password&quot; name=&quot;user-password&quot; id=&quot;user-pwd&quot;&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/password-input-field.png\" alt=\"\" class=\"wp-image-57\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/password-input-field.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/password-input-field-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Radio Buttons <\/h4>\n\n\n\n<p>Radio buttons digunakan agar user dapat memilih satu opsi dengan tepat dari serangkaian opsi yang sudah kita tentukan sebelumnya. Radio button dibuat menggunakan elemen &lt;input&gt; yang atribut type-nya memiliki nilai radio. Berikut contoh kodenya: <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;input type=&quot;radio&quot; name=&quot;sex&quot; id=&quot;male&quot;&gt;\n    &lt;label for=&quot;male&quot;&gt;Male&lt;\/label&gt;\n    &lt;input type=&quot;radio&quot; name=&quot;sex&quot; id=&quot;female&quot;&gt;\n    &lt;label for=&quot;female&quot;&gt;Female&lt;\/label&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:  <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/radio-buttons.png\" alt=\"\" class=\"wp-image-58\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/radio-buttons.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/radio-buttons-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p><strong><em>Catatan:<\/em><\/strong> Jika kalian ingin mengizinkan user untuk memilih lebih dari satu opsi secara bersamaan, maka kalian harus menggunakan kotak centang (checkboxes) sebagai gantinya.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Checkboxes<\/h4>\n\n\n\n<p>Kotak centang (checkboxes) memungkinkan user untuk memilih satu pilihan atau lebih dari satu pilihan yang telah kita tentukan sebelumnya. Checkboxes ini dibuat menggunakan elemen &lt;input&gt; yang atribut type-nya memiliki nilai checkboxes.  Berikut contoh kodenya: <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;input type=&quot;checkbox&quot; name=&quot;sports&quot; id=&quot;soccer&quot;&gt;\n    &lt;label for=&quot;soccer&quot;&gt;Soccer&lt;\/label&gt;\n    &lt;input type=&quot;checkbox&quot; name=&quot;sports&quot; id=&quot;cricket&quot;&gt;\n    &lt;label for=&quot;cricket&quot;&gt;Cricket&lt;\/label&gt;\n    &lt;input type=&quot;checkbox&quot; name=&quot;sports&quot; id=&quot;baseball&quot;&gt;\n    &lt;label for=&quot;baseball&quot;&gt;Baseball&lt;\/label&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:   <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/checkboxes.png\" alt=\"\" class=\"wp-image-59\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/checkboxes.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/checkboxes-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">File Select Box <\/h4>\n\n\n\n<p>File select box memungkinkan user untuk mencari file yang dimiliki user pada local file (drive pc user) dan mengirimkannya sebagai lampiran ke form data server. Biasanya ditampilkan sebagai kotak teks dengan tombol yang memungkinkan pengguna untuk mencari file&nbsp; yang diinginkan. Namun, pengguna juga dapat mengetik direktori penyimpanan file yang dimaksud, atau nama filenya di kotak teks yang tersedia. <\/p>\n\n\n\n<p>File select box juga dibuat menggunakan elemen &lt;input&gt;, yang tipe nilai atributnya di set ke file. Berikut contoh kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;label for=&quot;file-select&quot;&gt;Upload:&lt;\/label&gt;\n    &lt;input type=&quot;file&quot; name=&quot;upload&quot; id=&quot;file-select&quot;&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:    <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/file-select-box.png\" alt=\"\" class=\"wp-image-60\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/file-select-box.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/file-select-box-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Textarea <\/h4>\n\n\n\n<p>Input textarea digunakan untuk mengisi data yang memiliki banyak baris seperti komentar, alamat, dan sebagainya. Pada&nbsp;<strong>TextArea<\/strong>&nbsp;kita bisa mengatur banyak baris dan kolom yang bisa kita isikan. Berikut contoh kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;html&gt;\n  &lt;body&gt;\n     &lt;form action=&quot;&quot; method=&quot;post&quot;&gt;\n        Alamat : &lt;textarea name=&quot;alamat&quot; rows=&quot;7&quot; col=&quot;150&quot;&gt;&lt;\/textarea&gt;\n     &lt;\/form&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:     <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"54\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/textarea.png\" alt=\"\" class=\"wp-image-62\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/textarea.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/textarea-300x26.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Select Boxes<\/h4>\n\n\n\n<p>Select boxes digunakan untuk menampilkan daftar pilihan dalam bentuk drop-down list. Select boxes dibuat menggunakan elemen &lt;select&gt; dan elemen &lt;option&gt;. Elemen option yang berada dalam elemen &lt;select&gt; menjelaskan item-item yang ada di dalam daftar. Berikut contoh kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n    &lt;label for=&quot;city&quot;&gt;City:&lt;\/label&gt;\n    &lt;select name=&quot;city&quot; id=&quot;city&quot;&gt;\n        &lt;option value=&quot;sydney&quot;&gt;Sydney&lt;\/option&gt;\n        &lt;option value=&quot;melbourne&quot;&gt;Melbourne&lt;\/option&gt;\n        &lt;option value=&quot;cromwell&quot;&gt;Cromwell&lt;\/option&gt;\n    &lt;\/select&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:      <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/select-box.png\" alt=\"\" class=\"wp-image-63\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/select-box.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/select-box-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"> Submit and Reset Buttons <\/h4>\n\n\n\n<p>Submit Button digunakan untuk mengirim data form ke server web. Sedangkan reset button digunakan untuk mengulangi\/mengosongkan isian form yang tidak berguna\/berfungsi apa pun sebelum saat kita mendefinisikan sebuah fungsi\/kegunaan untuknya. Berikut contoh kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form action=&quot;action.php&quot; method=&quot;post&quot; id=&quot;users&quot;&gt;\n    &lt;label for=&quot;first-name&quot;&gt;First Name:&lt;\/label&gt;\n    &lt;input type=&quot;text&quot; name=&quot;first-name&quot; id=&quot;first-name&quot;&gt;\n    &lt;input type=&quot;submit&quot; value=&quot;Submit&quot;&gt;\n    &lt;input type=&quot;reset&quot; value=&quot;Reset&quot;&gt;\n&lt;\/form&gt;\n<\/pre><\/div>\n\n\n<p>Hasil dari kode tersebut akan terlihat seperti berikut:      <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"24\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/submit-and-reset-buttons-1.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/submit-and-reset-buttons-1.png 620w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/submit-and-reset-buttons-1-300x12.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mengenal Form HTML Form HTML diperlukan untuk mengumpulkan berbagai macam informasi user, seperti detail kontak nama, alamat email, nomor telepon, atau detail lainnya seperti informasi<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Belajar HTML : Form - WebHozz Code<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/code\/form-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Form - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"Mengenal Form HTML Form HTML diperlukan untuk mengumpulkan berbagai macam informasi user, seperti detail kontak nama, alamat email, nomor telepon, atau detail lainnya seperti informasi\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/form-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-16T11:19:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T11:54:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"24\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : Form\",\"datePublished\":\"2019-07-16T11:19:05+00:00\",\"dateModified\":\"2019-09-03T11:54:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/\"},\"wordCount\":683,\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/text-input-field.png\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/\",\"name\":\"Belajar HTML : Form - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/text-input-field.png\",\"datePublished\":\"2019-07-16T11:19:05+00:00\",\"dateModified\":\"2019-09-03T11:54:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/text-input-field.png\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/text-input-field.png\",\"width\":620,\"height\":24},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/form-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\",\"name\":\"WebHozz Code\",\"description\":\"Tutorial Web &amp; Pemrograman Indonesia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/author\\\/dody\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar HTML : Form - WebHozz Code","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/code\/form-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Form - WebHozz Code","og_description":"Mengenal Form HTML Form HTML diperlukan untuk mengumpulkan berbagai macam informasi user, seperti detail kontak nama, alamat email, nomor telepon, atau detail lainnya seperti informasi","og_url":"https:\/\/www.webhozz.com\/code\/form-html\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-16T11:19:05+00:00","article_modified_time":"2019-09-03T11:54:28+00:00","og_image":[{"width":620,"height":24,"url":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/code\/form-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/form-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : Form","datePublished":"2019-07-16T11:19:05+00:00","dateModified":"2019-09-03T11:54:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/form-html\/"},"wordCount":683,"image":{"@id":"https:\/\/www.webhozz.com\/code\/form-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png","articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/form-html\/","url":"https:\/\/www.webhozz.com\/code\/form-html\/","name":"Belajar HTML : Form - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/form-html\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/code\/form-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png","datePublished":"2019-07-16T11:19:05+00:00","dateModified":"2019-09-03T11:54:28+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/form-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/form-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/code\/form-html\/#primaryimage","url":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png","contentUrl":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/text-input-field.png","width":620,"height":24},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/form-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : Form"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/code\/#website","url":"https:\/\/www.webhozz.com\/code\/","name":"WebHozz Code","description":"Tutorial Web &amp; Pemrograman Indonesia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/code\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/code\/author\/dody\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":4,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/55\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}