Javascript 如何清除文本字段？

我想在文本字段旁边放置一个十字按钮，单击该按钮可清除用户输入的值。换句话说，它清空了字段。请帮忙。。 我也想聚焦这个区域，但大约2秒或3秒后..

像这样：

$('#myButton').click( function () {
    $('#myField').val('');
});

或者不使用jQuery

document.getElementById('myButton').onclick = function () {
    document.getElementById('myField').value = '';
});

---

你试过什么吗？但应该这样做（误读后编辑，见下文）：

$（'your#u按钮'）。单击（函数（）{$（'your#u文本框'）。val（'''）；}）
试试这个

$('#button').click(function(){
  $('#inputBox').val('');
});

在Javascript中：

document.getElementById('textField1').value = "";

$(document).ready(function () {
            $("#btnClear").click(ClearText);
        });

        function ClearText() {
            $("#txtText").val("");
        }

假设您的文本字段如下所示：

<input type="text" id="myText"></input>

<input type="button" id="myButton"></input>



您的按钮看起来像这样：

<input type="text" id="myText"></input>

<input type="button" id="myButton"></input>



您只需在javascript中执行此操作：

<script type="text/javascript">
    var myButton = document.getElementById('myButton');
    myButton.addEventListener("click", function () { 
        document.getElementById('myText').value = ''; 
    }, false);
</script>


var myButton=document.getElementById（'myButton'）；
addEventListener（“单击”，函数（）{
document.getElementById（'myText'）。值=''；
}，假）；

如果使用jQuery，则更容易：

<script type="text/javascript">
   $('#myButton').click(function() {
      $('#myText').val('');
   });
</script>


$（“#myButton”）。单击（函数（）{
$（'#myText'）.val（''）；
});
好吧，学会把你的任务分解成更小的任务，一切都会变得容易得多。例如，这里有两个任务：

1） 在输入附近放置一个“X”按钮。这是通过CSS和HTML实现的。您可能会看到：

然后，您应该将图像与输入对齐

2） 实际擦除。在jQuery中：

$("#x_button").click( function() {
  $("#input_id").val( "" );    
});

<> P>但是这是Web开发的真正基础，所以你真的应该考虑读一本关于它的书。
 你可以用HTML5值来做。
<input type="text" placeholder="Your text here">


以下是一个示例：

Html:

请花一个小时通读这本书。这不需要太长的时间，它会为你提供像这样难以置信的基本问题的答案。欢迎来到这样一个地方，我们欢迎你提出任何与编程相关的问题，但是，我们要求你首先表现出对你所寻求的解决方案的真诚尝试，因为我们不会仅仅向那些自己没有首先尝试的人分发免费代码。快乐编码！：）