Question

我是一名高中生，我只是不知道如何在段落中插入多个用户输入

Answer 1

使用JavaScript，您可以获取输入字段的值并将其放在页面上的其他位置。例如：

<html>
<head lang="en">
    <script>
        function insertTexts() {
            document.getElementById('girlsname').innerHTML = document.getElementById('inputname').value;
            document.getElementById('destination').innerHTML = document.getElementById('inputdest').value;
        }
    </script>
</head>
<body>
    <p>
        Once upon a time, a girl called <span id="girlsname">_______</span>,
        made a trip from London to <span id="destination">_______</span>.
    </p>
    <p>
        Enter the girl's name: <input id="inputname"> <br/>
        Enter the destination: <input id="inputdest"> <br/>
        <button onclick="insertTexts();">Insert input into story</button>
    </p>
</body>
</html>

如何在段落中添加不同的用户输入？

1 个答案: