{"id":63,"date":"2015-07-29T03:55:56","date_gmt":"2015-07-29T02:55:56","guid":{"rendered":"https:\/\/yellowweb.id\/blog\/?p=63"},"modified":"2015-07-29T03:55:56","modified_gmt":"2015-07-29T02:55:56","slug":"membuat-forms-pada-html","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/","title":{"rendered":"Membuat Forms Pada HTML"},"content":{"rendered":"<p><a href=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-64 aligncenter\" src=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg\" alt=\"form-yellowweb (3)\" width=\"430\" height=\"480\" srcset=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg 430w, https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3-269x300.jpg 269w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/a><\/p>\n<p>Artikel berikut ini akan mengulas tentang bagaimana kita menggunakan sebuah fungsi form ke dalam HTML. Mari kita coba teman-teman \ud83d\ude42<\/p>\n<p><!--more--><\/p>\n<p>Form ini sering kita lihat kebanyakan di hampir setiap website, yang menyediakan fitur isi data\/ registrasi. Salah satunya adalah jejaring sosial facebook, twitter dan bahkan yahoo.<\/p>\n<p><a href=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-65 aligncenter\" src=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-2.jpg\" alt=\"form-yellowweb (2)\" width=\"600\" height=\"460\" srcset=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-2.jpg 600w, https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-2-300x230.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Untuk tutorial kali ini kita akan mencoba bagaimana caranya membuat sebuah form pada HTML.<\/p>\n<pre class=\"lang:default decode:true \">&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;title&gt;Form&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n    &lt;form&gt;\r\n        &lt;label&gt;Nama&lt;\/label&gt;\r\n        &lt;input type=\"text\" name=\"nama\"&gt;&lt;br&gt;\r\n        &lt;label&gt;Alamat&lt;\/label&gt;\r\n        &lt;input type=\"text\" name=\"alamat\"&gt;\r\n    &lt;\/form&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>Ini mirip sekali ketika kita membuat sebuah tabel pada HTML, kuncinya adalah kita membuat <span style=\"color: #ff0000;\">sebuah tag pembuka<code> &lt;form&gt;<\/code><\/span> dan <span style=\"color: #ff0000;\">penutup <code>&lt;\/form&gt;<span style=\"color: #808080;\">.<\/span><\/code><\/span><\/p>\n<pre class=\"lang:default decode:true \">    &lt;form&gt;\r\n        &lt;label&gt;Nama&lt;\/label&gt;\r\n        &lt;input type=\"text\" name=\"nama\"&gt;&lt;br&gt;\r\n        &lt;label&gt;Alamat&lt;\/label&gt;\r\n        &lt;input type=\"text\" name=\"alamat\"&gt;\r\n    &lt;\/form&gt;<\/pre>\n<p>Jadi jangan lupa ya, selalu diapit oleh tag form. Nah sekarang kalian coba kembangkan lagi, karena form ini ada beberapa elemen salah satu diantaranya adalah contoh diatas kita belajar menggunakan elemen <em><a href=\"http:\/\/www.w3schools.com\/html\/html_forms.asp\" target=\"_blank\">text-box<\/a><\/em>.<\/p>\n<p>Oke sampai bertemu lagi diartikel berikutnya. Happy coding \ud83d\ude42<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Artikel berikut ini akan mengulas tentang bagaimana kita menggunakan sebuah fungsi form ke dalam HTML. Mari kita coba teman-teman \ud83d\ude42<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,11],"tags":[60,13,61,14,12],"class_list":["post-63","post","type-post","status-publish","format-standard","hentry","category-html","category-tutorial","tag-forms","tag-html","tag-html-forms","tag-html5","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Membuat Forms Pada HTML - YELLOWWEB.ID<\/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.yellowweb.id\/blog\/membuat-forms-pada-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Forms Pada HTML - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Artikel berikut ini akan mengulas tentang bagaimana kita menggunakan sebuah fungsi form ke dalam HTML. Mari kita coba teman-teman \ud83d\ude42\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-29T02:55:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Membuat Forms Pada HTML\",\"datePublished\":\"2015-07-29T02:55:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/\"},\"wordCount\":123,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/form-yellowweb-3.jpg\",\"keywords\":[\"forms\",\"html\",\"html forms\",\"html5\",\"tutorial\"],\"articleSection\":[\"HTML\",\"Tutorial\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/\",\"name\":\"Membuat Forms Pada HTML - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/form-yellowweb-3.jpg\",\"datePublished\":\"2015-07-29T02:55:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/form-yellowweb-3.jpg\",\"contentUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/form-yellowweb-3.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/membuat-forms-pada-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Forms Pada HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Forms Pada HTML - YELLOWWEB.ID","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.yellowweb.id\/blog\/membuat-forms-pada-html\/","og_locale":"en_GB","og_type":"article","og_title":"Membuat Forms Pada HTML - YELLOWWEB.ID","og_description":"Artikel berikut ini akan mengulas tentang bagaimana kita menggunakan sebuah fungsi form ke dalam HTML. Mari kita coba teman-teman \ud83d\ude42","og_url":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2015-07-29T02:55:56+00:00","og_image":[{"url":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg","type":"","width":"","height":""}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Membuat Forms Pada HTML","datePublished":"2015-07-29T02:55:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/"},"wordCount":123,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#primaryimage"},"thumbnailUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg","keywords":["forms","html","html forms","html5","tutorial"],"articleSection":["HTML","Tutorial"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/","url":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/","name":"Membuat Forms Pada HTML - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#primaryimage"},"thumbnailUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg","datePublished":"2015-07-29T02:55:56+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#primaryimage","url":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg","contentUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/form-yellowweb-3.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/membuat-forms-pada-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Forms Pada HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/63\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}