输入字段的 className 选择器应该如何更改旁边的值？

Question

如果我们有多个输入字段，每个字段都有不同的字符串值。

<input type="text" class="info" value="Enter Name">
<input type="text" class="info" value="Enter Lastname">

我们如何才能专注于内部的输入字段。作为示例，我使用仅一个输入字段的方法，如下代码所示：

  info.onfocus=function(){
    if(info.value=="Enter Name"){
        info.value=" ";
    }
   }

现在我很难过，代码仅适用于我作为示例的一个输入字段。怎么可能像我上面问的那样专注于输入字段。我知道我必须遍历输入字段，因为它们都有相同的 class 名称。对于您朋友的任何帮助，我要先感谢您。

Answer 1

您可以在输入字段中设置 onFocus，然后使用 event.target.value 访问指定的输入值。

<html>
<script>
  function _focus(ev) {
    ev.target.value = '';
  }
</script>
  <input type="text" onFocus="_focus(event);" class="info" value="Enter Name">
</html>

编辑：

<html>
<script>
  function _focus(ev) {
    ev.target.value = '';
  }
   
  function _blur(ev){
    if(ev.target.value == ''){
      if(event.target.id == 1) ev.target.value = "Enter Name"
      if(event.target.id == 2) ev.target.value = "Enter Lastname"
    }
  }
   
</script>
<input id="1" type="text" onFocus="_focus(event);" onBlur="_blur(event)" class="info" value="Enter Name">
<input id="2" type="text" onFocus="_focus(event);" onBlur="_blur(event)" class="info" value="Enter Lastname">
</html>

输入字段的 className 选择器应该如何更改旁边的值？

How should t the className selector of input fields change the value iside?

javascript

input

focus

onfocus