javascript - 如何使用 Javascript 编辑 HTML 表单文本框?

标签 javascript html

我正在尝试使用 Javascript 编辑 HTML 表单文本框。

我希望 HTML 文本框最初显示“在此处输入您的姓名”,一旦用户单击该框,我希望文本框变为空白,这样用户就不必删除“在实际输入她的名字之前,请在此处输入您的名字”文本。

我该如何继续这样做?

这是我试过的,没有成功。

<body>

    <script type="text/javascript">
        function name()

            {
                window.document.getElementById("name").value='';
            }

    </script>

    Your Name:<input type="text" value="Enter Your Name Here" id="name" onclick="name();">
</body>

最佳答案

这称为占位符,在 HTML5 中,您在 input 上有一个属性:

<input type="text" placeholder="Enter Your Name Here" />

jsfiddle 中查看其工作原理.

关于javascript - 如何使用 Javascript 编辑 HTML 表单文本框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24505254/

相关文章:

javascript - 如何在javascript中测试两个具有不同参数值的返回函数?

javascript - Facebook 评论插件在创建评论时返回 500 错误

Javascript GetElementById 将值设置为输入

html - 灵活的 Drupal HTML 过滤器

html - Vim Solarized colorscheme 无法与 html 一起正常工作

javascript - 有没有办法让选择的内容下推?

javascript - JS加载脚本错误

javascript - codepen : jQuery . css() 在向下滚动经过 anchor 时编辑,反之亦然

html - 是否可以仅右对齐表头的一个组件?

javascript - 如何使用 JavaScript 将表单输入和音乐从一个页面传递到另一个页面?