个人中心
gpt4 book ai didi

javascript - 在标题下方添加评论

转载 作者：行者123 更新时间：2023-12-02 14:00:05 25 4
gpt4 key购买 nike

嘿，我得到了这个代码，我想在标题下方添加评论。但现在，在我单击提交后，发送标题，按钮就会消失。不过我希望它们保留下来，以便文本输入将显示在按钮下方。预先感谢您!

    <html>
    <body>
    
    <h1>Add comment below</h1>
    
        
        <label for="vname">Comment:
        <input type="text" id="vname" name="vname">
        <input type="submit" value="Submit" onclick="addComment()">
        
        <script>
        function addComment()
            {
             var vname = document.getElementById("vname").value;
             document.write(vname);
            }
            </script>
    </body>
    </html>

最佳答案 

<html>
    <body>
    
    <h1>Add comment below</h1>
    
        
        <label for="vname">Comment:</label>
        <input type="text" id="vname" name="vname">
        <input type="submit" value="Submit" onclick="addComment()">
        
        <ul id="comments"></ul>
      
        <script>
        function addComment()
            {
              var vname = document.getElementById("vname").value;
              var li = document.createElement('li');
              li.innerText = vname;
              document.getElementById('comments').appendChild(li);
              document.getElementById("vname").value = '';
              document.getElementById("vname").focus();
            }
         </script>
    </body>
    </html>

关于javascript - 在标题下方添加评论，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40473794/

25 4 0
文章推荐： ssh - 是否可以从 ovh 共享主机执行 ssh？
文章推荐： c# - 将 SQL NVARCHAR 的值返回到 C# 字符串
文章推荐： Git:git@gitlab.com:当我按下 "synchronize changes"按钮时权限被拒绝(公钥)
文章推荐： assembly - 将 xmm 寄存器折叠为标量
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com