提问者:小点点

将输入字段中的输入直接写入Html代码


嗨,有没有任何可能的方法让用户做一个输入,然后在一个按钮点击后,他的输入被放入一个段落元素或其他永久的东西? 以便在文本编辑器中查看Html时,他的输入位于

元素之间。 这在html或JavaScript中是可能的吗?


共3个答案

匿名用户

您可以在浏览器中使用JavaScript查看这些值。 但是对于持久存储,您必须使用服务器端语言,如PHP,NodeJS等。最好将值存储在数据库中并检索它。

但是,如果您需要硬编码,则不需要数据库,并且使用后端语言本身写入HTML文件。 但这不是一个好的做法。

匿名用户

您可以在单击该按钮时设置P标记的值,如下所示

   <script>
       function myFunction(){
           document.getElementById('myParagraph').innerText = document.getElementById('myInput').value;
      }
   </script>

<input type="text" id="myInput"/>
<button onclick=" myFunction()">Show input value</button>
<div>Value:<p id="myParagraph"></p></div>

匿名用户

您可以使用JavaScript执行类似的操作。

function createDiv(content) {
    const element = document.createElement('div');
    element.innerHTML = content;
    return element;
}

const divToBeInserted = createDiv('foo');
*some element*.appendChild(divToBeInserted);

但请记住,所有更改都将在页面重新加载时消失。

要保留更改,您将需要使用某种后端。 例如,nodeJS服务器将把所有内容存储在数据库中。