{"id":767,"date":"2017-03-09T14:28:54","date_gmt":"2017-03-09T05:28:54","guid":{"rendered":"https:\/\/webst8.com\/members\/?p=767"},"modified":"2020-11-13T16:37:04","modified_gmt":"2020-11-13T07:37:04","slug":"html-lesson8","status":"publish","type":"post","link":"https:\/\/webst8.com\/members\/html-lesson8\/","title":{"rendered":"HTML8 \u301c\u30d5\u30a9\u30fc\u30e0\u301c"},"content":{"rendered":"<h2>\u4e0b\u8a18\u306eWeb\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/h2>\n<p>&nbsp;<\/p>\n<p>\u5f15\u7528\u30bf\u30b0\u3068\u6574\u5f62\u6e08\u307f\u30bf\u30b0\u3092\u5229\u7528\u3057\u3066\u3001\u4e0b\u8a18\u306eWeb\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<div class=\"border-normal\">\n<h1>\u30d5\u30a9\u30fc\u30e0\u306e\u7df4\u7fd2<\/h1>\n<form action=\"\" method=\"post\">\n<p>\n        \u540d\u524d\uff1a<br \/>\n        <input type=\"text\" name=\"yourname\" placeholder=\"\u5bcc\u58eb\u592a\u90ce\" value=\"\">\n      <\/p>\n<p>\n        \u6027\u5225\uff1a<br \/>\n        <input type=\"radio\" name=\"sex\" value=\"man\">\u7537<br \/>\n        <input type=\"radio\" name=\"sex\" value=\"woman\">\u5973\n      <\/p>\n<p>\n        \u8077\u696d\uff1a<br \/>\n        <input type=\"checkbox\" name=\"job\" value=\"student\">\u5b66\u751f<br \/>\n        <input type=\"checkbox\" name=\"job\" value=\"office-worker\">\u4f1a\u793e\u54e1<br \/>\n        <input type=\"checkbox\" name=\"job\" value=\"self-employed\">\u81ea\u55b6\u696d<br \/>\n        <input type=\"checkbox\" name=\"job\" value=\"unemployed\">\u7121\u8077\n      <\/p>\n<p>\n        \u751f\u307e\u308c\u305f\u5e74\u4ee3\uff1a<br \/>\n        <select name=\"nendai\"><option value=\"1960s\">1960\u5e74\u4ee3<\/option><option value=\"1970s\">1970\u5e74\u4ee3<\/option><option value=\"1980s\">1980\u5e74\u4ee3<\/option><option value=\"1990s\">1990\u5e74\u4ee3<\/option><option value=\"2000s\">2000\u5e74\u4ee3<\/option><\/select>\n      <\/p>\n<p>\n        \u5099\u8003\uff1a<br \/>\n        <br \/>\n        <textarea name=\"messege\" rows=\"8\" cols=\"30\" placeholder=\"\u306a\u306b\u304b\u3042\u308c\u3070\u3053\u3053\u306b\u8a18\u8f09\u304f\u3060\u3055\u3044\u3002\" style=\"width:100%\"><\/textarea>\n      <\/p>\n<p>\n        <input type=\"submit\" name=\"submit\" value=\"\u9001\u4fe1\u3059\u308b\">\n      <\/p>\n<\/p><\/form>\n<\/div>\n<p>&nbsp;<\/p>\n<p>\u203baction\u5c5e\u6027\u3001method\u5c5e\u6027\u3001name\u5c5e\u6027\u3001value\u5c5e\u6027\u306a\u3069form\u306e\u5404\u5c5e\u6027\u306f\u4efb\u610f\u3067\u3059\u3002<\/p>\n<p>\u203b\u898b\u51fa\u3057\u306fh1\u3067\u3082h2\u3067\u3082\u4efb\u610f\u306e\u898b\u51fa\u3057\u3092\u4f7f\u3063\u3066\u69cb\u3044\u307e\u305b\u3093\u3002\u307e\u305f\u3001\u540d\u524d\u3001\u6027\u5225\u306a\u3069\u306e\u6587\u7ae0\u3082p\u30bf\u30b0\u3067\u3082label\u30bf\u30b0\u3067\u3082\u69cb\u3044\u307e\u305b\u3093(\u30d5\u30a9\u30fc\u30e0\u95a2\u9023\u30bf\u30b0\u304c\u3057\u3063\u304b\u308a\u8a18\u8ff0\u3067\u304d\u3066\u3044\u308c\u3070OK\u3067\u3059)\u3002<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<h2>\u8a2d\u5b9a\u624b\u9806<\/h2>\n<p>\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u4e0a\u306b\u30d5\u30a9\u30eb\u30c0\u300cwebst8\u300d\u3092\u4f5c\u6210\u3057\u307e\u3059(\u3059\u3067\u306b\u4f5c\u6210\u6e08\u307f\u306e\u5834\u5408\u306f\u4e0d\u8981\u3067\u3059)\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webst8.com\/members\/wp-content\/uploads\/2017\/06\/make-webst8-folder.png\" alt=\"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u4e0a\u306bwebst8\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3059\u308b\" width=\"111\" height=\"115\" class=\"alignnone size-full wp-image-196\" \/><br \/>\n&nbsp;<\/p>\n<p>\u300cwebst8\u300d\u30d5\u30a9\u30eb\u30c0\u4e0a\u306b\u3001\u300chtml-lesson8\u300d\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<br \/>\n&nbsp;<\/p>\n<p>\u300chtml-lesson8\u300d\u30d5\u30a9\u30eb\u30c0\u4e0a\u306b\u30d5\u30a1\u30a4\u30eb\u540d\u300clesson8.html\u300d\u3092\u65b0\u898f\u4f5c\u6210\u3057\u3066Web\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<h2>\u30d2\u30f3\u30c8<\/h2>\n<p>\u5229\u7528\u3059\u308b\u30bf\u30b0\u306f\u4e0b\u8a18\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u30d5\u30a9\u30fc\u30e0\u30bf\u30b0 form<\/li>\n<li>\u30a4\u30f3\u30d7\u30c3\u30c8\u30bf\u30b0 input<\/li>\n<li>\u30bb\u30ec\u30af\u30c8\u30bf\u30b0 select<\/li>\n<li>\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u30bf\u30b0 textarea<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\u53c2\u8003\u30b5\u30a4\u30c8\uff1a<a href=\"https:\/\/webst8.com\/blog\/html-major-basic-tag\/#i3-14\" target=\"_blank\" rel=\"noopener noreferrer\">3-14. \u30d5\u30a9\u30fc\u30e0\u30bf\u30b0form | \u521d\u5fc3\u8005\u304c\u306f\u3058\u3081\u306b\u899a\u3048\u3066\u304a\u304d\u305f\u3044 HTML \u306e\u57fa\u672c\u3068\u30bf\u30b0\u3092\u7d39\u4ecb<\/a><br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<h2>\u3053\u305f\u3048<\/h2>\n<p>\u4e0b\u8a18zip\u30d5\u30a1\u30a4\u30eb\u306b\u7b54\u3048\u3092\u683c\u7d0d\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n&nbsp;<\/p>\n<p><a href=\"https:\/\/webst8.com\/members\/wp-content\/uploads\/2017\/09\/html-lesson8.zip\">html-lesson8<\/a><br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<h3>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h3>\n<p>\u4e0b\u8a18\u306f\u56de\u7b54\u306e\u4e00\u4f8b\u3067\u3059\u3002action\u5c5e\u6027\u3001method\u5c5e\u6027\u3001name\u5c5e\u6027\u3001value\u5c5e\u6027\u306a\u3069form\u306e\u5404\u5c5e\u6027\u306f\u56de\u7b54\u3068\u9055\u3063\u3066\u3044\u3066\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n<p>name\u5c5e\u6027\u3084value\u5c5e\u6027\u306a\u3069\u306f\u56de\u7b54\u3068\u9055\u3063\u3066\u3044\u3066\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n<pre class=\"lang:default decode:true \" >&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n  &lt;head&gt;\r\n    &lt;meta charset=\"utf-8\"&gt;\r\n    &lt;title&gt;\u306f\u3058\u3081\u3066\u306eHTML&lt;\/title&gt;\r\n  &lt;\/head&gt;\r\n  &lt;body&gt;\r\n    &lt;h1&gt;\u30d5\u30a9\u30fc\u30e0\u306e\u7df4\u7fd2&lt;\/h1&gt;\r\n    &lt;form action=\"\" method=\"post\"&gt;\r\n      &lt;p&gt;\r\n        \u540d\u524d\uff1a\r\n        &lt;input type=\"text\" name=\"yourname\" placeholder=\"\u5bcc\u58eb\u592a\u90ce\" value=\"\"&gt;\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n        \u6027\u5225\uff1a\r\n        &lt;input type=\"radio\" name=\"sex\" value=\"man\"&gt;\u7537\r\n        &lt;input type=\"radio\" name=\"sex\" value=\"woman\"&gt;\u5973\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n        \u8077\u696d\uff1a\r\n        &lt;input type=\"checkbox\" name=\"job\" value=\"student\"&gt;\u5b66\u751f\r\n        &lt;input type=\"checkbox\" name=\"job\" value=\"office-worker\"&gt;\u4f1a\u793e\u54e1\r\n        &lt;input type=\"checkbox\" name=\"job\" value=\"self-employed\"&gt;\u81ea\u55b6\u696d\r\n        &lt;input type=\"checkbox\" name=\"job\" value=\"unemployed\"&gt;\u7121\u8077\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n        \u751f\u307e\u308c\u305f\u5e74\u4ee3\uff1a\r\n        &lt;select name=\"nendai\"&gt;\r\n          &lt;option value=\"1960s\"&gt;1960\u5e74\u4ee3&lt;\/option&gt;\r\n          &lt;option value=\"1970s\"&gt;1970\u5e74\u4ee3&lt;\/option&gt;\r\n          &lt;option value=\"1980s\"&gt;1980\u5e74\u4ee3&lt;\/option&gt;\r\n          &lt;option value=\"1990s\"&gt;1990\u5e74\u4ee3&lt;\/option&gt;\r\n          &lt;option value=\"2000s\"&gt;2000\u5e74\u4ee3&lt;\/option&gt;\r\n        &lt;\/select&gt;\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n        \u5099\u8003\uff1a\r\n        &lt;br&gt;\r\n        &lt;textarea name=\"messege\" style=\"width:100%\" rows=\"8\" cols=\"80\" placeholder=\"\u306a\u306b\u304b\u3042\u308c\u3070\u3053\u3053\u306b\u8a18\u8f09\u304f\u3060\u3055\u3044\u3002\"&gt;&lt;\/textarea&gt;\r\n      &lt;\/p&gt;\r\n      &lt;p&gt;\r\n        &lt;input type=\"submit\" name=\"submit\" value=\"\u9001\u4fe1\u3059\u308b\"&gt;\r\n      &lt;\/p&gt;\r\n    &lt;\/form&gt;\r\n\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u4e0b\u8a18\u306eWeb\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002 &nbsp; \u5f15\u7528\u30bf\u30b0\u3068\u6574\u5f62\u6e08\u307f\u30bf\u30b0\u3092\u5229\u7528\u3057\u3066\u3001\u4e0b\u8a18\u306eWeb\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u30d5\u30a9\u30fc\u30e0\u306e\u7df4\u7fd2 \u540d\u524d\uff1a \u6027\u5225\uff1a \u7537 \u5973 \u8077\u696d\uff1a \u5b66\u751f \u4f1a\u793e\u54e1 \u81ea\u55b6\u696d \u7121\u8077 \u751f\u307e\u308c\u305f\u5e74\u4ee3\uff1a  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":892,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/posts\/767"}],"collection":[{"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/comments?post=767"}],"version-history":[{"count":14,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/posts\/767\/revisions"}],"predecessor-version":[{"id":1513,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/posts\/767\/revisions\/1513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/media\/892"}],"wp:attachment":[{"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/media?parent=767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/categories?post=767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webst8.com\/members\/wp-json\/wp\/v2\/tags?post=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}