Question

我希望使用HTML中的标记来获取用户输入，而不是JavaScript中的提示功能。

我也不想像php一样使用其他语言。

修改的这样的事情是可取的

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

但不使用.asp

Answer 1

<input type="text" id="input1" />
<button onclick="myJsFunction()"></button>
<script type="text/javascript">
 function myJsFunction(){
    var text=document.getElementById('input1').value;
 }
</script>

Answer 2

使用input属性

创建id代码

<input type="text" id="a" name="b" />

在javascript中，您可以通过input

获取id字段的值

var x = document.getElementById('a').value;

Answer 3

和文本框

<!DOCTYPE html>
<html>
    <body>
        <p>Click the button to demonstrate the prompt box.</p>
        <button onclick="myFunction()">Press me</button>
        <p id="demo"></p>
        <script>
         function myFunction()
         {
            var x;
            var person=prompt("Please enter your name","Safa Alrawi");
            if (person!=null)
            {
              x="Hello " + person + "! How are you today?";
              document.getElementById("demo").innerHTML=x;
              }
            }
        </script>
    </body>
</html>

Answer 4

JavaScript有三种弹出框：警告框，确认框和提示框。

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display an alert box.</p>

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

<script>
function myFunction()
{
alert("I am an alert box!");
}
</script>

</body>
</html>

用JavaScript输入用户输入

4 个答案: