{"id":5802,"date":"2017-11-30T10:30:58","date_gmt":"2017-11-30T10:30:58","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=5802"},"modified":"2019-06-14T13:55:44","modified_gmt":"2019-06-14T13:55:44","slug":"cara-membuat-tombol-submit-di-sebelah-kanan","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/","title":{"rendered":"Cara Membuat Tombol Submit di Sebelah Kanan"},"content":{"rendered":"

Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus dibawah yaitu tombol next dan prev page.<\/p>\n

<form action=”action” method=”get”><\/p>\n

<input type=”text” name=”abc”><\/p>\n

<div id=”buttons”><\/p>\n

<input type=”submit” name=”next” value=”Next”><\/p>\n

<input type=”submit” name=”prev” value=”Prev’><\/p>\n

<div class=”clr”><\/div><\/p>\n

<\/div><\/p>\n

<\/form><\/p>\n

Dengan hasil seperti ini<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

Bagaimana jika kita ingin agar tombolnya berada di sebelah kanan? Caranya tidak sulit. Kita cukup menambahkan css dengan menggunakan selector class. Berikut caranya.<\/p>\n

<style type=”text\/css”><\/p>\n

.f {<\/p>\n

float: right;<\/p>\n

}<\/p>\n

.clr {<\/p>\n

clear: both;<\/p>\n

}<\/p>\n

<\/style><\/p>\n

<form action=”action” method=”get”><\/p>\n

<input type=”text” name=”abc”><\/p>\n

<div id=”buttons”><\/p>\n

<input type=”submit”class=”f” name=”text” value=”Next”><\/p>\n

<input type=”submit” class=”f” name=”prev” value=”Prev”><\/p>\n

<div class=”clr”><\/div><\/p>\n

<\/div><\/p>\n

<\/form><\/p>\n

Maka hasilnya seperti ini<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Created By : Sanjaya Sapta<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus<\/p>\n","protected":false},"author":1,"featured_media":5805,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[2336,2333,2334,2335,2332,2337],"class_list":["post-5802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-bagaimana-membuat-tombol-submit","tag-cara-membuat-tombol-submit","tag-coding-membuat-tombol-submit","tag-kode-membuat-tombol-submit","tag-membuat-tombol-submit-sebelah-kanan","tag-tutorial-membuat-tombol-submit"],"yoast_head":"\nCara Membuat Tombol Submit di Sebelah Kanan - WebHozz Blog<\/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\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Tombol Submit di Sebelah Kanan - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-30T10:30:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-14T13:55:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/11\/proxy.png\" \/>\n\t<meta property=\"og:image:width\" content=\"524\" \/>\n\t<meta property=\"og:image:height\" content=\"196\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Cara Membuat Tombol Submit di Sebelah Kanan\",\"datePublished\":\"2017-11-30T10:30:58+00:00\",\"dateModified\":\"2019-06-14T13:55:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/\"},\"wordCount\":199,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/proxy.png\",\"keywords\":[\"bagaimana membuat tombol submit\",\"cara membuat tombol submit\",\"coding membuat tombol submit\",\"kode membuat tombol submit\",\"membuat tombol submit sebelah kanan\",\"tutorial membuat tombol submit\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/\",\"name\":\"Cara Membuat Tombol Submit di Sebelah Kanan - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/proxy.png\",\"datePublished\":\"2017-11-30T10:30:58+00:00\",\"dateModified\":\"2019-06-14T13:55:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/proxy.png\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/proxy.png\",\"width\":524,\"height\":196},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/cara-membuat-tombol-submit-di-sebelah-kanan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Tombol Submit di Sebelah Kanan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web & Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Tombol Submit di Sebelah Kanan - WebHozz Blog","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\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/","og_locale":"en_US","og_type":"article","og_title":"Cara Membuat Tombol Submit di Sebelah Kanan - WebHozz Blog","og_description":"Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus","og_url":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/","og_site_name":"WebHozz Blog","article_published_time":"2017-11-30T10:30:58+00:00","article_modified_time":"2019-06-14T13:55:44+00:00","og_image":[{"width":524,"height":196,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/11\/proxy.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Cara Membuat Tombol Submit di Sebelah Kanan","datePublished":"2017-11-30T10:30:58+00:00","dateModified":"2019-06-14T13:55:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/"},"wordCount":199,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/11\/proxy.png","keywords":["bagaimana membuat tombol submit","cara membuat tombol submit","coding membuat tombol submit","kode membuat tombol submit","membuat tombol submit sebelah kanan","tutorial membuat tombol submit"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/","url":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/","name":"Cara Membuat Tombol Submit di Sebelah Kanan - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/11\/proxy.png","datePublished":"2017-11-30T10:30:58+00:00","dateModified":"2019-06-14T13:55:44+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/11\/proxy.png","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/11\/proxy.png","width":524,"height":196},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/cara-membuat-tombol-submit-di-sebelah-kanan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Tombol Submit di Sebelah Kanan"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web & Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=5802"}],"version-history":[{"count":3,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5802\/revisions"}],"predecessor-version":[{"id":5926,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5802\/revisions\/5926"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/5805"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=5802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=5802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=5802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}