如何用CSS填充HTML表单？

Question

我有一个带有单选按钮，复选框，文本字段和下拉列表的HTML表单。 由于我希望用户填写表单中的所有内容，因此未选中任何单选按钮和复选框，并且文本字段为空。

我想编写一个CSS文件，用填充表格填写答案（我不想更改我的HTML文件）。 这可能吗？

我很欣赏一个例子或任何其他想法？

谢谢！

Answer 1

不，这是不可能的。 CSS用于样式，而不是标记，更改输入字段的内容需要修改标记。

听起来你可能想要考虑JavaScript，它可以用来改变任何元素的内容，包括表单元素。

Answer 2

Javascript是你最好的选择。但是，如果您要填写-sample-答案，例如文字区域中的“名字”将标记为“名字：”，您可以执行类似<input type='text' value='First Name' name='emailForm'>和value属性的操作在页面加载时填写。

Answer 3

您可以使用jQuery使用CSS样式语法轻松完成您想要的任务。

以下是一个示例表单：

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

相应的jQuery / JavaScript：

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

应该很容易扩展到更大更复杂的形式。您也可以在元素和jQuery选择器中轻松使用类或ID。

Answer 4

CSS用于设计和设计网页样式。虽然它的功能已被利用来吸取许多技巧，但它并不是一个全能解决方案。您需要做的是提取您需要填写的数据并将其放入您的字段中。

你可以这两种方式：

1. 使用PHP / ASP.Net等服务器端语言预先填写此信息。
2. 使用Javascript / Jquery / MooTools或其他一些框架在客户端填充它，从服务器获取数据。

如果信息是静态的，那么它很容易，因为您可以将此信息作为HTML内容本身的一部分。

如果此答案不适合您，请在问题中添加更多信息。