Reset forms upon refreshing

2017-11-28 16:55:18 +08:00 · 2017-11-28 16:55:18 +08:00 · ddc589fbdd
--- a/autocomplete-all.html
+++ b/autocomplete-all.html
@ -4,6 +4,7 @@
  <meta charset="utf-8">
  <title>Form Autofill Demo: All supported @autocomplete</title>
  <link rel="stylesheet" href="css/base.css"/>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo: All supported @autocomplete</h1>
--- a/autocomplete-us-separate-fields.html
+++ b/autocomplete-us-separate-fields.html
@ -4,6 +4,7 @@
  <meta charset="utf-8">
  <title>Form Autofill Demo: U.S. @autocomplete</title>
  <link rel="stylesheet" href="css/base.css"/>
+  <script type="text/javascript" src="base.js"></script>
 </style>
 </head>
 <body>
--- a/base.js
+++ b/base.js
@ -0,0 +1,8 @@
+"use strict";
+
+document.addEventListener("DOMContentLoaded", () => {
+  let forms = document.querySelectorAll("form");
+  for (let form of forms) {
+    form.reset();
+  }
+});
--- a/basic.html
+++ b/basic.html
@ -4,6 +4,7 @@
  <meta charset="utf-8">
  <title>Form Autofill Demo: Basic @autocomplete</title>
  <link rel="stylesheet" href="css/base.css"/>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo: Basic @autocomplete</h1>
--- a/basic_cc.html
+++ b/basic_cc.html
@ -4,6 +4,7 @@
  <meta charset="utf-8">
  <title>Form Autofill Demo: Basic Credit Card @autocomplete</title>
  <link rel="stylesheet" href="css/base.css"/>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo: Basic Credit Card @autocomplete</h1>
--- a/basic_cc_2.html
+++ b/basic_cc_2.html
@ -9,6 +9,7 @@
      padding: 0.4em 0.2em;
    }
  </style>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Credit Card</h1>
--- a/billing_shipping.html
+++ b/billing_shipping.html
@ -3,6 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Form Autofill Demo Page</title>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo Page</h1>
--- a/layout.html
+++ b/layout.html
@ -3,6 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Form Autofill Demo Page</title>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo Page</h1>
--- a/layout_cc.html
+++ b/layout_cc.html
@ -12,6 +12,7 @@
      width: 100px;
    }
  </style>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo: Basic Credit Card @autocomplete</h1>
--- a/textarea_select.html
+++ b/textarea_select.html
@ -3,6 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Form Autofill Demo Page</title>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo Page</h1>
--- a/two_forms.html
+++ b/two_forms.html
@ -3,6 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Form Autofill Demo Page</title>
+  <script type="text/javascript" src="base.js"></script>
 </head>
 <body>
  <h1>Form Autofill Demo Page</h1>