输入一段没有JS

Question

我怎样才能有一个简单的输入表单来改变一个p标签的内容？

举一个例子

<input type="text" name="name"><br> 
<p>Hi, NAME HERE</p> 

我也想知道如何更改CSS与输入。

<input type="text" name="image"><br> 
box{ 
    background-image: url("LINK FROM INPUT"); 
} 

Answer 1

这是不可能的HTML和CSS纯粹做到这一点，虽然你可以添加一个伪元素::before或::after直接之前或您的段落标记后添加内容。您需要JavaScript或jQuery才能直接编辑元素。你也可以很容易地用PHP来做到这一点。

<input type="text" name="name"><br> 
<p>Hi, $_POST['name']</p> 

这假定该输入与一个提交按钮形式，并且所述形式与POST提交的所有数据，或具有method="POST"集。

如果没有别的事情发生，没有办法任意改变你的CSS文件。这里需要PHP;您可以在标签中将box类的CSS包含在您的页面中，并使用与上述类似的方法。