Question

我正在尝试使用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>

Answer 1

这称为占位符，在HTML5中，您有input的属性：

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

在jsfiddle中了解它的工作原理。

Answer 2

我建议你使用＆＃39;占位符＆＃39;文本框的属性：

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

这将为您提供所需的效果（即用户点击时消失的文字）。

Answer 3

使用

     window.document.getElementById("name").innerHTML = #value

Answer 4

您可以使用输入标记的占位符属性。

样品： <input type="text" name="fname" placeholder="First name">

Answer 5

<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="javascript: name();"> </body>

如何使用Javascript编辑HTML表单文本框？

5 个答案: