Вы не можете сделать это, просто используя HTML + CSS.
У вас есть несколько вариантов:
- Используйте простую HTML-форму, которая передает данные на сервер и сохраняет заметки в базе данных (для этого вы можете использовать PHP и MySQL). Отправка формы может происходить через AJAX. Мне кажется, это правильный путь.
- Используйте Javascript и сохраняйте заметки в куки (таким образом вы привязываете его не к пользователю, а к браузеру, я не рекомендую это)
- Используйте решение benhowdle89, для этого вам также нужен Javascript, и поддержка локального хранилища HTML5 сейчас не в каждом браузере (тем не менее, заметки будут привязаны к браузеру, поэтому, если я зайду на ваш сайт с другого компьютера / браузера, Я не смогу получить к ним доступ).
ОБНОВЛЕНИЕ: Если вы вообще не хотите хранить заметки, а хотите только печатать их, вы можете проверить contenteditable
. Нет необходимости в Javascript здесь. Смотри: http://html5demos.com/contenteditable