Javascript html5基本警报和文本框_Javascript_Html_Alert

Javascript html5基本警报和文本框

javascript html

Javascript html5基本警报和文本框,javascript,html,alert,Javascript,Html,Alert,我是HTML5和javascript的新手。我想要一个警报框来显示datafirstname和lastname。数据必须取自表单上的文本框。下面是我的代码，但alertbox不工作 <!DOCTYPE html> <html> <body> <form action="demo_form.asp" method="get"> First name: <input type="text" name="fname" /><br

我是HTML5和javascript的新手。我想要一个警报框来显示datafirstname和lastname。数据必须取自表单上的文本框。下面是我的代码，但alertbox不工作

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br>
Last name: <input type="text" name="lname" /><br>

</form>
<script>
function display_alert()
  {
   alert(fname +lname);
  }
</script>

<input type="button" onclick="display_alert()" value="Display alert box">

</body>
</html>

您需要在脚本中使用函数获取值

尝试使用下面的脚本更改脚本

<script> 
  function display_alert()
  {
     var fname = document.getElementsByName("fname")[0].value;
     var lname = document.getElementsByName("lname")[0].value;
     alert(fname + ' ' + lname); 
  }
</script>

注意：仅供参考，这与HTML5无关。

您需要使用脚本中的函数获取值

尝试使用下面的脚本更改脚本

<script> 
  function display_alert()
  {
     var fname = document.getElementsByName("fname")[0].value;
     var lname = document.getElementsByName("lname")[0].value;
     alert(fname + ' ' + lname); 
  }
</script>

注意：仅供参考，这与HTML5无关。

您需要为输入标记提供ID

   <form>
        <input id="a" type="text"/>
        <input id="b" type="text"/>
        <input type="button" onclick="display_alert();" />
    </form>

然后在js代码中使用它们：

<script lang="javascript">
    function display_alert() {
        var fn = document.getElementById('a');
        var ln = document.getElementById('b');
        alert(fn.value + ' ' + ln.value);
    }
</script>

您需要为输入标记提供ID

   <form>
        <input id="a" type="text"/>
        <input id="b" type="text"/>
        <input type="button" onclick="display_alert();" />
    </form>

然后在js代码中使用它们：

<script lang="javascript">
    function display_alert() {
        var fn = document.getElementById('a');
        var ln = document.getElementById('b');
        alert(fn.value + ' ' + ln.value);
    }
</script>

您可以使用jQuery

html:

Jquery将来可能会有用

您可以使用jQuery

html:

Jquery将来可能会有用

也许是时候获取并使用jquery了：也许是时候获取并使用jquery了：它将记录：[Object htmltextraelement][Object htmltextraelement]。你忘了。值。另外，我建议添加一个getElementById示例。谢谢。对不起。事实上，我想创建一个HTML小部件。现在我正在努力学习html逻辑。我不能直接将html和html5分开。这将记录：[Object HTMLTextAreaElement][Object HTMLTextAreaElement]。你忘了。值。另外，我建议添加一个getElementById示例。谢谢。对不起。事实上，我想创建一个HTML小部件。现在我正在努力学习html逻辑。我不能直接将html和html5分开。不要在一个简单的JS问题上建议jQuery，特别是如果问题没有用jq标记的话。@Cerbrus，jQuery应该在将来使用。这就是为什么有人建议我使用jquery的原因。@KarSho：你是什么意思，应该使用？为什么？不要在一个简单的JS问题上建议jQuery，特别是如果这个问题没有用jq标记的话。@Cerbrus，jQuery应该在将来使用。这就是为什么有人建议我使用jquery的原因。@KarSho：你是什么意思，应该使用？为什么？