{"id":568,"date":"2021-12-30T18:17:57","date_gmt":"2021-12-30T10:17:57","guid":{"rendered":"http:\/\/www.henrycome.com\/wordpress\/?p=568"},"modified":"2021-12-30T18:17:59","modified_gmt":"2021-12-30T10:17:59","slug":"20211230181713","status":"publish","type":"post","link":"http:\/\/www.henrycome.com\/wordpress\/202112301817\/568","title":{"rendered":"\u3010HTML\u5143\u7d20\u3011table+pre+checkbox\u7684\u8bbe\u7f6e"},"content":{"rendered":"\n<hr >\r\n<h2>\u8868\u683c\u8fb9\u6846\u8bbe\u7f6e<\/h2>\r\n<ul>\r\n\t<li>\u7b2c\u4e00\u3001table\u7684\u5c5e\u6027border\u5c5e\u60271\u62160,\u6216\u4e0d\u8d4b\u503c\uff08\u7b49\u540c\u4e8e\u8bbe\u7f6e1\uff09<\/li>\r\n\t<li>\u7b2c\u4e8c\u3001table\u8bbe\u7f6eborder\u4e3a1\u7b49\u540c\u4e8e\u4f7f\u7528css\u7ed9table\u548ctd\u52a0\u6837\u5f0f\"1px solid black\"\uff08solid\u5fc5\u9700\uff09<\/li>\r\n\t<li>\u7b2c\u4e09\u3001table\u7684\u5c5e\u6027border\u53ef\u8d4b\u503c\u5927\u4e8e1\u7684\u6570\u5b57\uff0c\u8868\u793a\u5916\u8fb9\u6846\u7684\u5bbd\u5ea6\uff0c\u5355\u5143\u683c1px\u4e0d\u53d8<\/li>\r\n<\/ul>\r\n<table border=\"0\">\r\n    <tr>\r\n      <td>table\u6807\u7b7e\u53ea\u5199border<\/td>\r\n      <td>\u6709\u6846<\/td>\r\n    <\/tr>\r\n\t  <\/table>\r\n\t <br>\r\n<table style=\"border: 1px solid black;\">\r\n    <tr style=\"border: 1px solid black;\">\r\n      <td style=\"border: 1px solid black;\">style=\"border: 1px solid black;\"<\/td>\r\n      <td>table,td\u5206\u522b\u8bbe\u7f6e\u5bf9\u5e94\u5916\u6846\u548c\u5355\u5143\u683c\u6846\uff0ctr\u8bbe\u7f6e\u65e0\u6548<\/td>\r\n    <\/tr>\r\n\t  <\/table>\r\n  <br>\r\n  <table border=\"10\">\r\n      <tr border=\"10\">\r\n        <td border=\"10\">\r\n\t\t\t<pre>\r\ntable border=\"10\"\uff0c\r\ntd border=\"10\"\r\ntr border=\"10\"\uff0c\r\n\t\t\t<\/pre><\/td>\r\n        <td><pre >\r\ntable border='10'\uff08\u6570\u5b57\u53ef\u5f88\u5927\uff09\u53ea\u5bf9\u6700\u5916\u6846\u6709\u6548\uff0c\r\n\u5176\u4ed6tr\uff0ctd\u8bbe\u7f6e\u65e0\u6548\r\n\u4f7f\u7528pre\u4f1a\u9020\u6210pre\u5185\u7684\u5185\u5bb9\u4e0d\u53d7\u9ed8\u8ba4\u5b57\u4f53\u7684\u5f71\u54cd\u3002\r\n\u5bf9pre\u8bbe\u7f6etext-indent\u6709\u6548\r\n        <\/pre><\/td>\r\n      <\/tr>\r\n    <\/table>\r\n<hr >\r\n<h2>pre\u5143\u7d20\u7684\u6837\u5f0f\u8bbe\u7f6e\uff0c\u5b57\u4f53\u9700\u8981\u5355\u72ec\u8bbe\u7f6e<\/h2>\r\n\u6ce8\uff1a\uff08\u975e\u6cdb\u6307\uff0c\u4ec5\u6307\u5b57\u5f62\uff0c\u4e0d\u542b\u5b57\u53f7\uff09\r\n<ul>\r\n\t<li>\u7b2c\u4e00\uff0c\u90fd\u65e0style\u8bbe\u7f6e\u65f6\uff0c\u533a\u522b\u5728\u4e8e\u5b57\u53f7\u4e0e\u5b57\u4f53<\/li>\r\n\t<li>\u7b2c\u4e8c\uff0c\u7236\u5143\u7d20\u9057\u4f20\u7684\u6709\u5b57\u5927\u5c0f\uff0c\u548c\u7f29\u8fdb\u6ca1\u6709\u5b57\u4f53<\/li>\r\n\t<li>\u7b2c\u4e09\uff0cpre \u662f\u6bb5\u843d\u5904\u7406\uff0c\u7d27\u6328pre\u6807\u7b7e\u7684\u56de\u8f66\u65e0\u6548<\/li>\r\n<\/ul>\r\n\t<h3>\u7b2c\u4e00\uff0c\u90fd\u65e0style\u8bbe\u7f6e\u65f6\uff0c\u533a\u522b\u5728\u4e8e\u5b57\u53f7\u4e0e\u5b57\u4f53<\/h3>\r\n\u76f4\u63a5\u6587\u6863\u6ca1\u6709sytle\r\n\t<pre >body.pre\r\npre\u81ea\u5df1\u6ca1\u6709\u8bbe\u7f6estyle\u6709\u654812ab\r\n\t\t<\/pre>\r\n\t<h3>\u7b2c\u4e8c\uff0c\u7236\u5143\u7d20\u9057\u4f20\u7684\u6709\u5b57\u5927\u5c0f\uff0c\u548c\u7f29\u8fdb\u6ca1\u6709\u5b57\u4f53<\/h3>\r\n<div style=\"background-color: yellow;font-size: 20; font-family: 'arial black'; text-indent: 10px;\">\r\n\t\u4f60\u597d123abc\u6709\u7f29\u8fdb\uff08\u770b\u80cc\u666f\u6bd4\u8f83\uff09\u3010div(intent,ffa,fsize)\u3011\r\n<pre style=\"background-color: aqua;\">\u6ca1\u6709\u7ee7\u627f\u5b57\u578b123abc\u6709\u7f29\u8fdb\uff08\u770b\u80cc\u666f\u6bd4\u8f83\uff09\r\n\u3010div(intent,ffa,fsize).pre\u3011\r\n<\/pre>\r\n<!-- <span> -->\r\n\t<pre style=\"background-color: aqua;\">\r\n\u4f7f\u7528pre\u4f1a\u9020\u6210pre\u5185\u7684\u5185\u5bb9\u4e0d\u53d7\u9ed8\u8ba4\u6216\u7236\u5143\u7d20\u8bbe\u7f6e\u7684\u5b57\u4f53\u5927\u5c0f\u5b57\u5f62\u7684\u5f71\u54cd123abc,\u6709\u7f29\u8fdb\uff08\u770b\u80cc\u666f\u6bd4\u8f83\uff09\u3002\r\n\u5bf9\u7236\u5143\u7d20\uff0c\u6216pre\u8bbe\u7f6etext-indent\u6709\u654812ab\r\n\u3010div(intent,ffa,fsize).span.pre\u3011<\/pre>\r\n\t<\/div>\r\n\t<h3>\u7b2c\u4e09\uff0cpre \u662f\u6bb5\u843d\u5904\u7406\uff0c\u7d27\u6328pre\u6807\u7b7e\uff08\u5f00\u548c\u95ed\u9002\u7528\uff09\u7684\u56de\u8f66\u4e0d\u8d77\u4f5c\u7528<\/h3>\r\n\t<pre style='font-family:\"\u5b8b\u4f53\"; font-size: 30px;'>\r\nbody.pre\r\npre\u81ea\u5df1\u8bbe\u7f6estyle\u6709\u654812ab<\/pre>\r\n\r\n<hr >\r\n<h2>checkbox\u5c5e\u6027\u8bbe\u7f6e<\/h2>\r\n<ul>\r\n\t<li>\u7b2c\u4e00\u3001value\u503c\u4e0d\u63a7\u5236\u662f\u5426\u9009\u4e2d<\/li>\r\n\t<li>\u7b2c\u4e8c\u3001checked\u5c5e\u6027\u53ea\u8981\u51fa\u73b0\u5c31\u662f\u9009\u4e2d\uff0c\u53ef\u8d4b\u503c\u4f46\u662f\u591a\u6b64\u4e00\u4e3e<\/li>\r\n\t<li>\u7b2c\u4e09\u3001checked\u662fhtml\u5c5e\u6027\u72b6\u6001\uff0c\u4e0d\u80fd\u4f7f\u7528style=\"\"\u65b9\u5f0f\u8bbe\u5b9a<\/li>\r\n\t<li>\u7b2c\u4e09\u3001checkbox\u5728vue\u4e2d\u4f7f\u7528\u901a\u8fc7value\u7ed1\u5b9a<\/li>\r\n<\/ul>\r\n<h3>\u7b2c\u4e00\u3001value\u503c\u4e0d\u63a7\u5236\u662f\u5426\u9009\u4e2d<\/h3>\r\n<input type=\"checkbox\" value=\"0\" name=\"\u6570\u5b570\"\/>value=\"0\"\r\n<input type=\"checkbox\" value=\"1\" name=\"\u6570\u5b571\"\/>value\"1\"\r\n<input type=\"checkbox\" value=\"2\" name=\"\u6570\u5b572\"\/>value=\"2\"\r\n<input type=\"checkbox\" value=\"checked\" name=\"\u7279\u5b9achecked\"\/>value=\"checked\"\r\n<br \/>\r\n<input type=\"checkbox\" value=\"true\" name=\"\u903b\u8f91true\"\/>value=\"true\"\r\n<input type=\"checkbox\" value=\"false\" name=\"\u903b\u8f91false\"\/>value=\"false\"\r\n<br \/>\r\n<input type=\"checkbox\" value=true \/>value=true\r\n<input type=\"checkbox\" value=false \/>value=false\r\n<br \/>\r\n<h3>\u7b2c\u4e8c\u3001checked\u5c5e\u6027\u53ea\u8981\u51fa\u73b0\u5c31\u662f\u9009\u4e2d\uff0c\u8d4b\u503c=\u5199\u6cd5\u662f\u591a\u6b64\u4e00\u4e3e<\/h3>\r\n<input type=\"checkbox\" checked\/>\u6807\u7b7e\u5c5e\u6027\u76f4\u63a5\u5199checked\u65e0\u7b49\u53f7\r\n<br \/>\r\n<input type=\"checkbox\" checked=\"checked\" \/>checked=\"checked\"\r\n<input type=\"checkbox\" checked=\"\" \/>checked=\"\"\r\n<input type=\"checkbox\" checked=\"0\" \/>checked=\"0\"\r\n<input type=\"checkbox\" checked=\"1\" \/>checked=\"1\"\r\n<input type=\"checkbox\" checked=\"2\" \/>checked=\"2\"\r\n<input type=\"checkbox\" checked=\"3\" \/>checked=\"3\"\r\n<br \/>\r\n<input type=\"checkbox\" checked=\"true\" \/>checked=\"true\"\r\n<input type=\"checkbox\" checked=\"false\" \/>checked=\"false\"\r\n<input type=\"checkbox\" checked=true \/>checked=true\r\n<input type=\"checkbox\" checked=false \/>checked=false\r\n<h3>\u7b2c\u4e09\u3001checked\u662fhtml\u5c5e\u6027\u72b6\u6001\uff0c\u4e0d\u80fd\u4f7f\u7528style=\"\"\u65b9\u5f0f\u8bbe\u5b9a<\/h3>\r\n<input type=\"checkbox\" style=\"checked\" \/>style=\"checked\"\r\n<input type=\"checkbox\" style=\"checked:checked\" \/>style=\"checked:checked\"\r\n<input type=\"checkbox\" style=\"checked:true\" \/>style=\"checked:checked\"\r\n<input type=\"checkbox\" style=\"checked:false\" \/>style=\"checked:checked\"\r\n\r\n<h3>\u7b2c\u56db\u3001checkbox\u5728vue\u4e2d\u4f7f\u7528\u901a\u8fc7value\u7ed1\u5b9a<\/h3>\r\n<!-- checked\u5c5e\u6027\u548cvue\u5728\u4e00\u8d77\u88ab\u5ffd\u7565\u3002\u4e0d\u4f1a\u8d77\u5230\u9009\u4e2d\u7684\u4f5c\u7528 -->\r\n\u53ef\u4ee5\u901a\u8fc7v-model:value=\"checkOrNot\"\u6765\u83b7\u53d6\u662f\u5426\u9009\u4e2d\uff0c\u83b7\u53d6\u7684\u503c\u662ftrue\u6216false\u3002\u4e0d\u662f0\u548c1.\uff08\u4f30\u8ba1\u8fd8\u6709\u4e9b\u5c5e\u6027\u503c\u662f0\u548c1\uff0c\u4f46\u662f\u83b7\u53d6\u53ef\u80fd\u662f\u903b\u8f91\u503c\uff09\r\n<div id=\"vue\">\r\n\t<!-- checked\u5c5e\u6027\u548cvue\u5728\u4e00\u8d77\u65e0\u6548\u3002 -->\r\n\t<input type=\"checkbox\" name=\"\" id=\"\" v-model:value=\"check\" \/>\u7b2c\u4e00\u4e2a\r\n\t<input type=\"checkbox\" name=\"\" id=\"\" v-model:value=\"check\" \/>\u7b2c\u4e8c\u4e2a\r\n\u4e24\u4e2ainput\u90fd\u7528\u201c v-model:value=\"check\"\u201d\u7ed1\u5b9a\uff0c\u64cd\u4f5c\u9009\u4e2d\u7b2c\u4e00\u4e2a\u5f71\u54cd\u7b2c\u4e8c\u4e2a\u9009\u4e2d\u6ca1\u6709\u751f\u6548\u3011\u540c\u5b66\u53ef\u4ee5\u81ea\u5df1\u5728\u7f16\u8f91\u5668vscode\u6216\u8005hbuilder\u7b49\u91cc\u9762\u8bd5\u4e00\u4e0b\u3002\u4f46\u662f\uff1a\u63d2\u5165\u8bed\u6cd5\u7684\u503c\u5374\u80fd\u663e\u793a\uff1a{{hello}}\uff01\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[],"_links":{"self":[{"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/posts\/568"}],"collection":[{"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":3,"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/posts\/568\/revisions"}],"predecessor-version":[{"id":624,"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/posts\/568\/revisions\/624"}],"wp:attachment":[{"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/media?parent=568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/categories?post=568"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.henrycome.com\/wordpress\/wp-json\/wp\/v2\/tags?post=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}