輸入一段沒有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包含在您的頁面中，並使用與上述類似的方法。