{"id":448,"date":"2025-09-12T10:15:17","date_gmt":"2025-09-12T01:15:17","guid":{"rendered":"https:\/\/kyum.chu.jp\/wp\/?p=448"},"modified":"2025-09-12T10:22:55","modified_gmt":"2025-09-12T01:22:55","slug":"%e9%83%b5%e4%be%bf%e7%95%aa%e5%8f%b7%e3%81%ab%e3%82%88%e3%82%8b%e4%bd%8f%e6%89%80%e8%87%aa%e5%8b%95%e5%85%a5%e5%8a%9b","status":"publish","type":"post","link":"https:\/\/achamaweb.tech\/?p=448","title":{"rendered":"\u90f5\u4fbf\u756a\u53f7\u306b\u3088\u308b\u4f4f\u6240\u81ea\u52d5\u5165\u529b"},"content":{"rendered":"<p><style>\ncode {<br \/>\n  border: 2px solid red;<br \/>\n  background-color: black;<br \/>\n  color: white;<br \/>\n  margin-left: 8px;<br \/>\n  width: 90%;<br \/>\n  padding-top: 4px;<br \/>\n  padding-bottom: 4px;<br \/>\n  white-space: pre-line;<br \/>\n}<br \/>\n<\/style><\/p>\n\n\n<style>\n  .codebox {\n    border: 2px solid red;\n    background-color: black;\n    color: white;\n    margin-left: 8px;\n    width: 90%;\n    padding-top: 4px;\n    padding-bottom: 4px;\n    white-space: pre-line;\n    line-height: 1.2rem;\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/11.9.0\/styles\/default.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/11.9.0\/highlight.min.js\"><\/script>\n<script>\n  hljs.highlightAll();\n<\/script>\n\n<h3>\u2460 &lt; form &gt;\u3000\u30bf\u30b0\u306b class=&#8221;h-adr&#8221; \u3092\u8ffd\u52a0<\/h3>\n<div class=\"codebox\">&lt;form class=&#8221;h-adr&#8221; method=&#8221;POST&#8221; action=&#8221;{{ route(&#8216;register&#8217;) }}&#8221;&gt;\n<\/div>\n\n<h3>\u2461 JS\u3092\u53d6\u308a\u8fbc\u307f<\/h3>\n<div class=\"codebox\">&lt;script src=&#8221;https:\/\/yubinbango.github.io\/yubinbango\/yubinbango.js&#8221; charset=&#8221;UTF-8&#8243;&gt;&lt;\/script&gt;\n<\/div>\n\n<h3>\u2462\u65e5\u672c\u3092\u8a2d\u5b9a<\/h3>\n<div class=\"codebox\">&lt;span class=&#8221;p-country-name&#8221; style=&#8221;display:none;&#8221;&gt;Japan&lt;\/span&gt;<\/div>\n\n<h3>\u2463\u5165\u529b\u30d5\u30a9\u30fc\u30e0<\/h3>\n<div class=\"codebox\">\n\n&lt;div class=&#8221;h-adr&#8221;&gt;\u30fb\u30fb\u30fb\u2460\n\u3000&lt;script src=&#8221;https:\/\/yubinbango.github.io\/yubinbango\/yubinbango.js&#8221; charset=&#8221;UTF-8&#8243;&gt;&lt;\/script&gt;\u30fb\u30fb\u30fb\u2461\n  &lt;span class=&#8221;p-country-name&#8221; style=&#8221;display:none;&#8221;&gt;Japan&lt;\/span&gt;\n\u3000&amp;\u3012&lt;input type=&#8221;text&#8221; class=&#8221;p-postal-code&#8221; size=&#8221;3&#8243; maxlength=&#8221;3&#8243;&gt;\n\u3000&amp;emsp;-&lt;input type=&#8221;text&#8221; class=&#8221;p-postal-code&#8221; size=&#8221;4&#8243; maxlength=&#8221;4&#8243;&gt;&lt;br&gt;\n\u3000&lt;label&gt;\n\u3000\u3000&lt;span&gt;\u90fd\u9053\u5e9c\u770c&lt;\/span&gt;&lt;input type=&#8221;text&#8221; class=&#8221;p-region&#8221; readonly \/&gt;&lt;br&gt;\n\u3000&lt;\/label&gt;\n\u3000&lt;label&gt;\n\u3000\u3000&lt;span&gt;\u5e02\u753a\u6751\u533a&lt;\/span&gt;&lt;input type=&#8221;text&#8221; class=&#8221;p-locality&#8221; readonly \/&gt;&lt;br&gt;\n\u3000&lt;\/label&gt;\n\u3000&lt;label&gt;\n\u3000\u3000&lt;span&gt;\u753a\u57df&lt;\/span&gt;&lt;input type=&#8221;text&#8221; class=&#8221;p-street-address&#8221; \/&gt;&lt;br&gt;\n\u3000&lt;\/label&gt;\n\u3000&lt;label&gt;\n\u3000\u3000&lt;span&gt;\u4ee5\u964d\u306e\u4f4f\u6240&lt;\/span&gt;&lt;input type=&#8221;text&#8221; class=&#8221;p-extended-address&#8221; \/&gt;\n\u3000&lt;\/label&gt;\n\u3000&lt;\/div&gt;\n<\/div>\n\n\n\n\n\n\n<style>\n.adr_box {\n  padding-left: 8px;\n}\n\n.adr_line {\n  display: flex;\n  align-items: center;\n}\n\n.adr_label {\n  width: 5rem;\n  background-color: lightgreen;\n}\n\n.adr_input {\n  width: 10rem;\n}\n\n \/* \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3092\u57fa\u6e96\u306b\u3057\u305f\u5e45\u306e\u5b9a\u7fa9 *\/\n.txtWidth_10 {  \n  width: 12em;\n}\n.txtWidth_20 {  \n  width: 24em;\n}\n.txtWidth_30 {  \n  width: 36em;\n}\n<\/style>\n\n<script src=\"https:\/\/yubinbango.github.io\/yubinbango\/yubinbango.js\" charset=\"UTF-8\"><\/script>\n\n<hr>\n<div class=\"adr_box h-adr\">\n  <label class=\"classroom-label\">\u5b9f\u884c\u30c7\u30e2<\/label><br>\n  <span class=\"p-country-name\" style=\"display:none;\">Japan<\/span>\n  <div class=\"adr_line\">\n    <div class=\"adr_label\"> \u90f5\u4fbf\u756a\u53f7\uff1a<\/div>\n    <div class=\"adr_input\">\n      <input type=\"text\" name=\"kjAddrZip\" type=\"text\" class=\"p-postal-code txtWidth_5\">\n    <\/div>\n  <\/div>\n\n  <div class=\"adr_line\">\n    <div class=\"adr_label\">\u770c\uff1a<\/div>\n    <div class=\"adr_input\">\n       <input type=\"text\" name=\"kjAddrPref\" type=\"text\" class=\"p-region txtWidth_10\"><br>\n    <\/div>\n  <\/div>\n\n  <div class=\"adr_line\">\n    <div class=\"adr_label\">\u5e02\u753a\u6751\uff1a<\/div>\n    <div class=\"adr_input\">\n       <input type=\"text\" name=\"kjAddrCity\" type=\"text\" class=\"p-locality txtWidth_10\"><br>\n    <\/div>\n  <\/div>\n\n  <div class=\"adr_line\">\n    <div class=\"adr_label\">\u5730\u533a\uff1a<\/div>\n    <div class=\"adr_input\">\n       <input type=\"text\" name=\"kjAddrStreet\" type=\"text\" class=\"p-street-address txtWidth_30\"><br>\n    <\/div>\n  <\/div>\n\n  <div class=\"adr_line\">\n    <div class=\"adr_label\">\u305d\u306e\u4ed6\uff1a<\/div>\n    <div class=\"adr_input\">\n       <input type=\"text\" name=\"kjAddrExtend\" type=\"text\" class=\"p-extended-address txtWidth_30\"><br>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u2460 &lt; form &gt;\u3000\u30bf\u30b0\u306b class=&#8221;h-adr&#8221; \u3092\u8ffd\u52a0 &lt;form class=&#8221;h-adr&#8221; method=&#8221;POST&#038;#8221 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-448","post","type-post","status-publish","format-standard","hentry","category-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=448"}],"version-history":[{"count":35,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts\/448\/revisions"}],"predecessor-version":[{"id":484,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts\/448\/revisions\/484"}],"wp:attachment":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}