В тегах <script></script>
или во внешнем js-файле
Получить элемент формы: const form = document.getElementById('form');
Добавить слушателя в прослушайте событие submit и сохраните ваши значения:
form.addEventListener('submit', () => {
localStorage.setItem("name", document.getElementById("name").value);
localStorage.setItem("adress", document.getElementById("adress").value);
localStorage.setItem("number", document.getElementById("number").value);
})
Вы должны избегать использования встроенного JavaScript (если вы не используете платформу, например, реагировать (тогда это даже не совсем встроено)) .
<script type="text/javascript" src="min.js"></script>
... лучше, поскольку браузер пользователя может кэшировать файл.
Добавление параметра к src
такой, поскольку последняя измененная метка времени файла еще лучше, поскольку браузер пользователя будет кэшировать файл, но будет всегда получать самую актуальную версию, когда файл будет изменен.
<script type="text/javascript" src="min.js?version=20081007134916"></script>
Лучше большинство раз включать файлы JavaScript и CSS, потому что тот путь браузер может кэшировать файл javascript/css. Тем путем файл только загружается однажды браузером даже при включении файла в несколько других страниц.
Но это только верно при установке соответствующего, истекает и/или заголовок управления кэша для файлов JavaScript и CSS через php или Apache mod_expires.
На основе рекомендации Yahoo Исключительная Производительность там является только одним исключением:
Единственное исключение, где встраивание предпочтительно, с домашними страницами, такими как первая полоса Yahoo! и Мой Yahoo!. Домашние страницы, которые имеют немногих (возможно, только один) просмотр страницы на сессию, могут найти, что встраивание JavaScript и CSS заканчивается в более быстрое время отклика конечных пользователей.
Я высоко предлагаю, чтобы Вы испытали Дополнительный "YSlow для Firebug". Это отвечает на большое количество вопросов о кэшировании и браузере/клиенте - производительность.
См. также:
Помните, что браузер может загрузить САМОЕ БОЛЬШЕЕ два файла параллельно от того же домена (это - значение по умолчанию на современных браузерах - я уверен в IE6 и IE7, не уверен в других). Это означает это, если Ваши постраничные справочники 20 крошечных файлов JavaScript, многие будут загружены последовательно.
Для добавления к тому, что было уже сказано: помните, что, если Вы комбинируете/уменьшаете свои файлы JavaScript, лучше объединить их всех в одного - сжатие будет работать лучше. Кроме того, даже если Вы не уменьшаете свои файлы, не забудьте включать GZIP в своей конфигурации веб-сервера; затем, если Вы будете комбинировать все свои файлы JS в один и включать тот файл как, то сжатие GZIP будет работать лучше всего (потому что сжатие двух файлов JS вместе приводит к лучшим результатам, чем сжатие каждого отдельно).
При поиске хорошей утилиты минификации JS судите Упаковщика JS (http://dean.edwards.name/packer/)