Как заполнить HTML-форму CSS?

Question

У меня есть HTML-форма с переключателями, флажками, текстовыми полями и выпадающими списками. Поскольку я хочу, чтобы пользователь заполнил все в моей форме, ни один из переключателей и флажков не отмечен, а текстовые поля пусты.

Я хотел бы написать CSS-файл, который заполнит форму ответами (я не хочу менять свой HTML-файл). Это возможно?

Буду признателен за пример или любую другую идею?

Спасибо!

Answer 1

Нет, это невозможно. CSS предназначен для стиля, а не для разметки, а для изменения содержимого поля ввода требуется изменить разметку.

Звучит так, как будто вы захотите рассмотреть JavaScript, который можно использовать для изменения содержимого любого элемента, включая элементы формы.

Answer 2

Вы можете использовать jQuery , чтобы выполнить то, что вам нужно, с помощью синтаксиса в стиле CSS.

Вот пример формы:

<form ...>
   <input name="firstName" />
   <input name="lastName" />
</form>

И соответствующий jQuery/ JavaScript:

$(function () {
  $("input[name=firstName]").val("John");
  $("input[name=lastName]").val("Doe");
});

Должно быть достаточно легко расширить до более крупной и более сложной формы.Вы также можете легко использовать классы или идентификаторы для элементов и селекторов jQuery.

Answer 3

Javascript - ваш лучший выбор. Однако, если вы хотите заполнить -sample- ответы, например «Имя» в текстовой области, что будет помечено как «Имя:», вы можете сделать что-то вроде <input type='text' value='First Name' name='emailForm'>, а атрибут value будет заполнен, страница загружается.

Answer 4

CSS предназначен для разработки и оформления веб-страницы. Несмотря на то, что его возможности использовались для извлечения многих уловок, это не решение для всех проблем. Что вам нужно сделать, это извлечь данные, которые нужно заполнить, и поместить их в свои поля.

Вы можете сделать это двумя способами:

1. Используйте серверный язык, такой как PHP / ASP.Net, для предварительного заполнения этой информации.
2. Используйте Javascript / Jquery / MooTools или какой-либо другой фреймворк, чтобы заполнить его на стороне клиента, собирая данные с сервера.

Если информация статическая, то это очень просто, потому что вы можете просто разместить эту информацию как часть самого содержимого HTML.

Если этот ответ не работает для вас, добавьте дополнительную информацию к вашему вопросу.