jquery - Html 输入在选择时隐藏文本，如果将其留空则显示

Question

我正在开发一个表单，我设置文本框的值时出现问题

<input type="text" value="First name" id="TbName">
<input type="text" value="Email" id="TbEmail">
<input type="text" value="School" id="TbSchool">

如果用户选择该框来填充文本，并且如果他/她没有在框中输入任何内容并选择另一个框，则我想隐藏该值，而不是文本框的值将再次显示默认值。我有很多表单和很多字段，因此不可能为每个表单编写单独的代码，还有其他方法吗？

Answer 1

HTML:

 <input type="text" name="fname" placeholder="First name">
  <input type="text" name="lname" placeholder="Last name">

使用占位符来获取值