如何用CSS填充HTML表单？

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

我想写一个CSS文件，将填写答案的形式（我不想改变我的HTML文件）。 这可能吗

请给我举个例子或其他想法好吗

---

谢谢

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

---

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

JavaScript是你最好的选择。但是，如果您想填写-示例-答案，例如文本区域中的“名字”标记为“名字：”您可以执行类似于

的操作，页面加载时将填写

值

属性。

CSS用于设计网页和设置网页样式。尽管它的功能已经被利用来实现许多技巧，但它并不是一个包罗万象的解决方案。您需要做的是提取需要填充的数据并将其放入字段中

您可以通过两种方式执行此操作：

使用服务器端语言（如PHP/ASP.Net）预填充此信息

使用Javascript/Jquery/MooTools或其他框架在客户端填充它，从服务器获取数据

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

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

您可以使用CSS样式的语法轻松完成您想要的内容

这是一个示例表单：

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

---

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

我不认为CSS做了您认为它做的事情。试试JavaScript？谢谢。我有一种感觉，CSS不是我所需要的，但我不确定。我将使用JavaScript完成这项工作。您应该首先学习如何使用JavaScript完成任务，然后使用库作为Jquery。使用Javascript，您的要求非常简单。

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