Javascript 如何使用按钮显示表单中的文本？_Javascript_Html_Forms_Text

Javascript 如何使用按钮显示表单中的文本？

javascript html forms text

Javascript 如何使用按钮显示表单中的文本？,javascript,html,forms,text,Javascript,Html,Forms,Text,我在大学一年级学习网页设计。我们刚刚开始，我正试图用我对html的基本知识做不同的事情。我的问题是，它如何在单击按钮后显示表单中输入的文本？我试过一些东西，但不起作用这是我的错误代码： <body> <script> function name(name1) { alert ("Your name is" + name1) } </script> Enter a name:

我在大学一年级学习网页设计。我们刚刚开始，我正试图用我对html的基本知识做不同的事情。我的问题是，它如何在单击按钮后显示表单中输入的文本？我试过一些东西，但不起作用

这是我的错误代码：

 <body>
    <script> 
        function name(name1)
        { alert ("Your name is" + name1)
        }
    </script>

    Enter a name:
    <form> <input type="text" name="name1"/></form> </br>

    <button onclick="name(name1)">Click!</button>
</body>


函数名（名称1）
{alert（“您的名字是”+name1）
}
输入一个名称：


点击

make

onclick=“name（）”

然后

function name（）{alert（document.querySelector（“input[name='name1']）.value）}

它所做的是当点击按钮时，调用函数名。这将通过使用querySelector查找元素来警告文本。查询选择器返回一个元素（如果找到）。您可以使用element.attributeName访问每个elements属性

在这种情况下，您希望使用QuerySelector，因为querySelectorAll将返回节点列表。其中querySelector将只返回一个元素

make

onclick=“name（）”

然后

function name（）{alert（document.querySelector（“input[name='name1']）.value）}

在这种情况下，您希望使用QuerySelector，因为querySelectorAll将返回节点列表。其中querySelector将只返回一个元素

<body>
<script> 
    function name()
    {
       var value = document.getElementById('name1').value;
       alert("Your name is" + value);
    }
</script>

Enter a name:
<form>
   <input type="text" id="name1" name="name1" />
</form>
</br>
<button onclick="name();">Click!</button>
</body>


函数名（）
{
var value=document.getElementById（'name1'）.value；
警报（“您的名字是”+值）；
}
输入一个名称：


点击

试试这个

<body>
<script> 
    function name()
    {
       var value = document.getElementById('name1').value;
       alert("Your name is" + value);
    }
</script>

Enter a name:
<form>
   <input type="text" id="name1" name="name1" />
</form>
</br>
<button onclick="name();">Click!</button>
</body>


函数名（）
{
var value=document.getElementById（'name1'）.value；
警报（“您的名字是”+值）；
}
输入一个名称：


点击

您可以使用，以使用获取基于元素的元素


函数方法（名称1）{
var inputName=document.querySelector（'input[name='+name1+']'）。值；
log（“您的名字是：”+inputName）
}
输入一个名称：
点击您可以使用，以使用获取基于元素的元素


函数方法（名称1）{
var inputName=document.querySelector（'input[name='+name1+']'）。值；
log（“您的名字是：”+inputName）
}
输入一个名称：
点击试试这个
<body>
    <script> 
        function name1(name)
        { 
        alert("Your name is " + name);
        }       
    </script>

    Enter a name:
    <form> <input type="text" name="name" id="name"/></form> </br>
    <button onclick="name1(document.getElementById('name').value)">Click!</button>    

</body>


函数名称1（名称）
{ 
警报（“您的姓名是”+姓名）；
}       
输入一个名称：


点击
试试这个
<body>
    <script> 
        function name1(name)
        { 
        alert("Your name is " + name);
        }       
    </script>

    Enter a name:
    <form> <input type="text" name="name" id="name"/></form> </br>
    <button onclick="name1(document.getElementById('name').value)">Click!</button>    

</body>


函数名称1（名称）
{ 
警报（“您的姓名是”+姓名）；
}       
输入一个名称：


点击
声明函数您可以命名参数，当使用函数需要传入数据时，name1
在您尝试传入函数作为数据时未定义声明函数您可以命名参数，当使用函数需要传入数据时，name1
在您试图作为数据输入的点未定义