javascript - 如何成功地为 JS 中的字段设置值？尝试过.focus但没有运气

Question

嗨，我正在尝试让我的输入字段说“输入您的电子邮件地址”，当您单击它时，它会消失以让用户键入它。我尝试使用 on:focus 和其他关于 SO 的各种技巧，但我无法让它发挥作用。谁能指出我正确的方向？你可以在 heyscout.com 上看到我在说什么。

在我的脚本标签中，我有：

<script type="text/javascript">
JotForm.init(function(){
   $('input_1').hint('Enter your e-mail address');
});
</script>

对于我的输入字段，我有

        <div id="cid_1" class="form-input">
          <input type="email" class="form-textbox validate[required, Email]" id="input_1" name="q1_stayIn1" size="30"  />
        </div> 
            <button class="signup_btn" type="submit" class="form-submit-button">
              Okay!
            </button>

它应该可以工作，但我不完全确定是什么问题。

谢谢你的帮助！

Answer 1

In case you don't already know, you can do this with plain HTML if you don't need to support older browsers.

<input type="email" placeholder="Enter your e-mail address" class="form-textbox validate[required, Email]" id="input_1" name="q1_stayIn1" size="30" />

Answer 2

You almost got it:

$('#input_1').hint('Enter your e-mail address');
   ^--------------- YOU NEED THIS TO SELECT ID

Answer 3

The selector is used just like CSS, so you need to target it like #input_1, e.g.,

$('#input_1').hint('Enter your e-mail address');