| |
| <!DOCTYPE html> |
| <!-- |
| Copyright 2025 The Chromium Authors |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| --> |
| <html> |
| <head> |
| <meta name="viewport" content="width=device-width, initial-scale=1.5"> |
| <title>Autofill Refill Test</title> |
| <style> |
| #address-fields { display: none; } |
| </style> |
| <script> |
| var FillFormPresident = function() { |
| var form = document.forms['profile_form']; |
| form['name'].value = 'George Washington'; |
| form['address'].value = '1600 Pennsylvania Ave NW'; |
| form['city'].value = 'Washington'; |
| form['state'].value = 'DC'; |
| form['zip'].value = '20500'; |
| } |
| </script> |
| </head> |
| <body> |
| <h3>Refill Profile Autofill</h3> |
| <form name="profile_form" id="profile_form" action="destination.html" method="post"> |
| Name: <input type="text" name="name" id="form_name" /><br /> |
| <div id="address-fields"> |
| Address: <input type="text" name="address" id="form_address" /><br /> |
| City: <input type="text" name="city" id="form_city" /><br /> |
| State: <select name="state" id="form_state"> |
| <option value="CA">CA</option> |
| <option value="MA">MA</option> |
| <option value="NY">NY</option> |
| <option value="MD">MD</option> |
| <option value="OR">OR</option> |
| <option value="OH">OH</option> |
| <option value="IL">IL</option> |
| <option value="DC">DC</option> |
| </select> <br /> |
| Zip: <input name="zip" id="form_zip" /><br /> |
| </div> |
| <input type="reset" value="Reset" /> |
| <input id="submit_profile" type="submit" value="Submit Profile" /> |
| </form> |
| <button type="button" onclick="FillFormPresident()" id="fill_profile_president">Fill Form (President)</button> |
| <br /> |
| <script> |
| document.addEventListener('DOMContentLoaded', function() { |
| const zipInput = document.getElementById('form_name'); |
| const addressFields = document.getElementById('address-fields'); |
| zipInput.addEventListener('input', function() { |
| addressFields.style.display = this.value.trim() !== '' ? 'block' : 'none'; |
| }); |
| }); |
| </script> |
| </body> |
| </html> |
| |
