如何用CSS填充HTML表单？

Question

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

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

我想感谢一个例子或任何其他想法？

谢谢！

Answer 1

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

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

Answer 2

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

Answer 3

CSS用于设计和设计网页。虽然其功能已被利用来拉扯许多技巧，但它不是一个修复所有的解决方案。你需要做的是把你需要填写的数据放到你的领域。

你可以这样做两种方式：

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

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

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

Answer 4

您可以使用jQuery使用CSS风格的语法很容易地完成您想要的功能。

下面是一个样表：

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

和相应的jQuery/JavaScript的：

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

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