如何使文本框中的文本影响代码?

时间:2019-04-29 06:41:35

标签: html textbox

按提交按钮不会更改抽彩。

我尝试过<input>,但似乎没有用。

<p> Twitch Streamer: <input type="text" name="ts" value="Ninja"><br><input type="submit" value="Submit"> </p>

<iframe src="https://player.twitch.tv/?channel=randomguyontwitch"></iframe>

只要有人单击“提交”,我都想创建它,它将“ xQcOW”更改为文本框中的任何内容。对于此示例“忍者”。

2 个答案:

答案 0 :(得分:0)

您必须获取您的提交才能更改流光。通过在您的代码中实现PHP来使用获取。如果您还没有使用过PHP,那么可以先使用thisthis playlist

这应该可以解决问题:

 <form method="GET">
<input type="text" name="ts" value="Ninja"><br><input type="submit" value="Submit"></form>

然后,您必须将ts的值与iframe结合起来,如下所示:

<iframe src="https://player.twitch.tv/?channel=<?php echo $_GET["ts"] ?>"></iframe>

答案 1 :(得分:0)

要更改文本框的值,您需要在代码中添加javascript。 这应该是您的html文件:

<p>Click the button to change the value of the text field.</p>

<button onclick="myFunction()">Try it</button>

<script>

    function myFunction() {
       document.getElementById("myText").value = "whatever you want";
    }

</script>

您可以在代码中使用相同的原理。您将<input type="submit">更改为<button></button>。对JavaScript使用onclick函数。