\u5728 HTML \u8868\u5355\u4e2d\uff0c\u6d4f\u89c8\u5668\u6709\u65f6\u4f1a\u81ea\u52a8\u4fdd\u5b58\u5e76\u586b\u5145\u7528\u6237\u540d\u548c\u5bc6\u7801\uff0c\u5c24\u5176\u662f\u5728\u767b\u5f55\u8868\u5355\u4e2d\u3002\u8fd9\u5bf9\u4e8e\u7528\u6237\u6765\u8bf4\u662f\u975e\u5e38\u65b9\u4fbf\u7684\u529f\u80fd\uff0c\u4f46\u6709\u65f6\u6211\u4eec\u5e0c\u671b\u7981\u6b62\u6d4f\u89c8\u5668\u4fdd\u5b58\u5bc6\u7801\uff0c\u6216\u8005\u5e0c\u671b\u63a7\u5236\u6d4f\u89c8\u5668\u5982\u4f55\u5904\u7406\u8f93\u5165\u6846\u3002\u4e3a\u4e86\u89e3\u51b3\u6d4f\u89c8\u5668\u8bb0\u4f4f\u5bc6\u7801\u8f93\u5165\u6846\u7684\u95ee\u9898\uff0c\u4ee5\u4e0b\u662f\u4e00\u4e9b\u5e38\u89c1\u7684\u89e3\u51b3\u65b9\u6848\uff1a<\/p>\n\n\n\n
\u6d4f\u89c8\u5668\u901a\u5e38\u4f1a\u81ea\u52a8\u586b\u5145\u8868\u5355\u5b57\u6bb5\uff0c\u5c24\u5176\u662f\u7528\u6237\u540d\u548c\u5bc6\u7801\u5b57\u6bb5\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u6dfb\u52a0 \u5bc6\u7801\u8f93\u5165\u6846\u901a\u5e38\u4f1a\u88ab\u6d4f\u89c8\u5668\u8bc6\u522b\u4e3a\u4e00\u4e2a\u9700\u8981\u4fdd\u5b58\u5bc6\u7801\u7684\u5b57\u6bb5\uff0c\u56e0\u6b64\uff0c\u6dfb\u52a0 \u6d4f\u89c8\u5668\u901a\u5e38\u6839\u636e\u8f93\u5165\u6846\u7684 \u4e00\u79cd\u66f4\u6781\u7aef\u7684\u65b9\u6cd5\u662f\u901a\u8fc7 JavaScript \u52a8\u6001\u521b\u5efa\u8868\u5355\u5b57\u6bb5\u3002\u8fd9\u5c06\u5b8c\u5168\u907f\u5f00\u6d4f\u89c8\u5668\u7684\u81ea\u52a8\u586b\u5145\u548c\u81ea\u52a8\u4fdd\u5b58\u529f\u80fd\uff0c\u4f46\u8fd9\u79cd\u65b9\u6cd5\u53ef\u80fd\u4f1a\u5f71\u54cd\u7528\u6237\u4f53\u9a8c\uff0c\u56e0\u6b64\u4f7f\u7528\u65f6\u9700\u8981\u5c0f\u5fc3\u3002<\/p>\n\n\n\n \u4f60\u4e5f\u53ef\u4ee5\u5c1d\u8bd5\u5b8c\u5168\u7981\u6b62\u6d4f\u89c8\u5668\u8bb0\u4f4f\u5bc6\u7801\uff0c\u4f46\u8fd9\u79cd\u505a\u6cd5\u53ef\u80fd\u4f1a\u5bfc\u81f4\u4e00\u4e9b\u7528\u6237\u4f53\u9a8c\u95ee\u9898\uff0c\u56e0\u4e3a\u4e00\u4e9b\u6d4f\u89c8\u5668\u6216\u63d2\u4ef6\u4ecd\u7136\u4f1a\u5c1d\u8bd5\u4fdd\u5b58\u5bc6\u7801\u3002\u4f7f\u7528 \u901a\u8fc7\u8fd9\u4e9b\u65b9\u6cd5\uff0c\u4f60\u53ef\u4ee5\u6709\u6548\u5730\u63a7\u5236\u6d4f\u89c8\u5668\u5bf9\u5bc6\u7801\u8f93\u5165\u6846\u7684\u81ea\u52a8\u586b\u5145\u548c\u4fdd\u5b58\u884c\u4e3a\u3002<\/p>\n","protected":false},"excerpt":{"rendered":" \u5728 HTML \u8868\u5355\u4e2d\uff0c\u6d4f\u89c8\u5668\u6709\u65f6\u4f1a\u81ea\u52a8\u4fdd\u5b58\u5e76\u586b\u5145\u7528\u6237\u540d\u548c\u5bc6\u7801\uff0c\u5c24\u5176\u662f\u5728\u767b\u5f55\u8868\u5355\u4e2d… Continue Reading →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-html-xhtml"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":1,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/42\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}autocomplete=\"off\"<\/code> \u6765\u7981\u7528\u6d4f\u89c8\u5668\u81ea\u52a8\u586b\u5145\u7684\u529f\u80fd\u3002<\/p>\n\n\n\n\u793a\u4f8b\uff1a<\/h4>\n\n\n
\n<form action="\/login" method="POST">\n <label for="username">Username:<\/label>\n <input type="text" id="username" name="username" autocomplete="off" required>\n\n <label for="password">Password:<\/label>\n <input type="password" id="password" name="password" autocomplete="new-password" required>\n\n <button type="submit">Login<\/button>\n<\/form>\n\n<\/pre><\/div>\n\n\n
\u89e3\u91ca\uff1a<\/h4>\n\n\n\n
\n
autocomplete=\"off\"<\/code><\/strong>\uff1a\u5173\u95ed\u6d4f\u89c8\u5668\u81ea\u52a8\u586b\u5145\u529f\u80fd\u3002\u53ef\u4ee5\u5e94\u7528\u4e8e\u8868\u5355\u548c\u7279\u5b9a\u7684\u8f93\u5165\u5b57\u6bb5\u3002<\/li>\n\n\n\nautocomplete=\"new-password\"<\/code><\/strong>\uff1a\u5bf9\u4e8e\u5bc6\u7801\u5b57\u6bb5\uff0c\u6d4f\u89c8\u5668\u901a\u5e38\u4f1a\u7528\u00a0new-password<\/code>\u00a0\u6765\u544a\u8bc9\u6d4f\u89c8\u5668\u4e0d\u8981\u81ea\u52a8\u586b\u5145\u8be5\u5b57\u6bb5\uff0c\u4ee5\u9632\u6b62\u6d4f\u89c8\u5668\u81ea\u52a8\u586b\u5145\u4fdd\u5b58\u7684\u5bc6\u7801\u3002<\/li>\n<\/ul>\n\n\n\n2. \u4f7f\u7528
autocomplete=\"new-password\"<\/code> \u7981\u7528\u5bc6\u7801\u4fdd\u5b58<\/strong><\/h3>\n\n\n\nautocomplete=\"new-password\"<\/code> \u4f1a\u4f7f\u6d4f\u89c8\u5668\u5ffd\u7565\u5bc6\u7801\u7684\u81ea\u52a8\u586b\u5145\u3002<\/p>\n\n\n\n\u793a\u4f8b\uff1a<\/h4>\n\n\n
\n<form action="\/login" method="POST">\n <label for="username">Username:<\/label>\n <input type="text" id="username" name="username" autocomplete="off" required>\n\n <label for="password">Password:<\/label>\n <input type="password" id="password" name="password" autocomplete="new-password" required>\n\n <button type="submit">Login<\/button>\n<\/form>\n\n<\/pre><\/div>\n\n\n
\u89e3\u91ca\uff1a<\/h4>\n\n\n\n
\n
autocomplete=\"new-password\"<\/code><\/strong>\uff1a\u7279\u522b\u9488\u5bf9\u5bc6\u7801\u8f93\u5165\u6846\uff0c\u7981\u7528\u6d4f\u89c8\u5668\u4fdd\u5b58\u5bc6\u7801\u7684\u529f\u80fd\u3002<\/li>\n<\/ul>\n\n\n\n3. \u907f\u514d\u9ed8\u8ba4\u7684\u7528\u6237\u540d\/\u5bc6\u7801\u8f93\u5165\u6846\u5b57\u6bb5\u540d\u79f0<\/strong><\/h3>\n\n\n\n
name<\/code> \u5c5e\u6027\u6765\u8bc6\u522b\u5b57\u6bb5\u7c7b\u578b\uff0c\u5e76\u51b3\u5b9a\u662f\u5426\u4fdd\u5b58\u5bc6\u7801\u3002\u8bb8\u591a\u6d4f\u89c8\u5668\u9ed8\u8ba4\u8bc6\u522b <input name=\"username\"><\/code> \u548c <input name=\"password\"><\/code> \u4e3a\u7528\u6237\u540d\u548c\u5bc6\u7801\u5b57\u6bb5\uff0c\u56e0\u6b64\u4f1a\u81ea\u52a8\u63d0\u793a\u4fdd\u5b58\u5bc6\u7801\u3002\u4e3a\u4e86\u907f\u514d\u8fd9\u79cd\u60c5\u51b5\uff0c\u53ef\u4ee5\u5c1d\u8bd5\u4f7f\u7528\u4e0d\u90a3\u4e48\u5e38\u89c1\u7684\u5b57\u6bb5\u540d\u79f0\uff0c\u6216\u4f7f\u7528\u968f\u673a\u751f\u6210\u7684\u540d\u79f0\u3002<\/p>\n\n\n\n\u793a\u4f8b\uff1a<\/h4>\n\n\n
\n<form action="\/login" method="POST">\n <label for="user-id">User ID:<\/label>\n <input type="text" id="user-id" name="user-id" autocomplete="off" required>\n\n <label for="secret-code">Secret Code:<\/label>\n <input type="password" id="secret-code" name="secret-code" autocomplete="new-password" required>\n\n <button type="submit">Login<\/button>\n<\/form>\n\n<\/pre><\/div>\n\n\n
\u89e3\u91ca\uff1a<\/h4>\n\n\n\n
\n
name=\"user-id\"<\/code>\u00a0\u548c\u00a0name=\"secret-code\"<\/code><\/strong>\uff1a\u901a\u8fc7\u4f7f\u7528\u4e0d\u540c\u7684\u540d\u79f0\uff0c\u6d4f\u89c8\u5668\u53ef\u80fd\u4e0d\u4f1a\u81ea\u52a8\u8bc6\u522b\u8fd9\u4e9b\u5b57\u6bb5\u5e76\u4fdd\u5b58\u5bc6\u7801\u3002<\/li>\n<\/ul>\n\n\n\n4. \u901a\u8fc7 JavaScript \u52a8\u6001\u521b\u5efa\u8f93\u5165\u6846<\/strong><\/h3>\n\n\n\n
\u793a\u4f8b\uff1a<\/h4>\n\n\n
\n<script>\n window.onload = function() {\n var form = document.getElementById('login-form');\n \n var username = document.createElement('input');\n username.type = 'text';\n username.id = 'username';\n username.name = 'username';\n username.autocomplete = 'off';\n form.appendChild(username);\n\n var password = document.createElement('input');\n password.type = 'password';\n password.id = 'password';\n password.name = 'password';\n password.autocomplete = 'new-password';\n form.appendChild(password);\n };\n<\/script>\n\n<form id="login-form" action="\/login" method="POST">\n <label for="username">Username:<\/label>\n <input type="text" id="username" name="username" autocomplete="off" required>\n\n <label for="password">Password:<\/label>\n <input type="password" id="password" name="password" autocomplete="new-password" required>\n\n <button type="submit">Login<\/button>\n<\/form>\n\n<\/pre><\/div>\n\n\n\u89e3\u91ca\uff1a<\/h4>\n\n\n\n
\n
5. \u5f3a\u5236\u8868\u5355\u4e0d\u4fdd\u5b58\u5bc6\u7801\uff08\u4e0d\u63a8\u8350\uff09<\/strong><\/h3>\n\n\n\n
autocomplete=\"off\"<\/code> \u548c new-password<\/code> \u662f\u7981\u7528\u4fdd\u5b58\u5bc6\u7801\u6700\u5e38\u89c1\u7684\u505a\u6cd5\u3002<\/p>\n\n\n\n
\n\n\n\n\u989d\u5916\u6ce8\u610f\u4e8b\u9879<\/h3>\n\n\n\n
\n
\n\n\n\n\u603b\u7ed3<\/h3>\n\n\n\n
\n
autocomplete=\"off\"<\/code><\/strong>\u00a0\u7528\u4e8e\u5173\u95ed\u6d4f\u89c8\u5668\u81ea\u52a8\u586b\u5145\u529f\u80fd\uff0c\u9002\u7528\u4e8e\u7528\u6237\u540d\u548c\u5bc6\u7801\u8f93\u5165\u6846\u3002<\/li>\n\n\n\nautocomplete=\"new-password\"<\/code><\/strong>\u00a0\u53ef\u4ee5\u9632\u6b62\u6d4f\u89c8\u5668\u81ea\u52a8\u586b\u5145\u4fdd\u5b58\u7684\u5bc6\u7801\u3002<\/li>\n\n\n\nname<\/code>\u00a0\u5c5e\u6027\u503c\u6765\u907f\u514d\u6d4f\u89c8\u5668\u8bc6\u522b\u5b57\u6bb5\u3002<\/li>\n\n\n\n