输入段落没有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

虽然您可以添加伪元素get "/(*redirect_path)", to: "the_controller_that_serves_your_angular_app#index" 或::before来直接在段落标记之前或之后添加内容，但不能完全使用HTML和CSS执行此操作。您需要JavaScript或jQuery才能直接编辑元素。你也可以很容易地用PHP做到这一点。

::after

这假设输入采用带有提交按钮的表单，表单通过POST提交所有数据，或者设置了<input type="text" name="name"><br> <p>Hi, $_POST['name']</p> 。

没有别的东西可以随意改变你的CSS文件。这里需要PHP;您可以在method="POST"代码中的网页上添加box课程的CSS，并使用与上述类似的方法。