Question

如何实现 点击input 出现提示框 点击其他 出现对应的提示框 之前的提示框隐藏

比如：点击身份证号码的input 后面出现相应的提示信息 当点击手机号码的input时 身份证的提示信息隐藏 在手机号码的input后面出现手机号码的提示信息 当点击电子邮箱input时的情况与点击手机input一样只要点击其他的内容 之前的提示信息隐藏 显示当前的提示信息在线等大神们的帮助

Answer 1

<style>
input+span {display:none}
input:focus+span {display:inline}
</style>
<p>证件号码：<input type="text" name="zjhm" value=""/><span>请输入证件号码</span></p>
<p>手机号：<input type="text" name="sjh" value=""/><span>请输入手机号</span></p>
<p>电子邮箱：<input type="text" name="dzyx" value=""/><span>请输入电子邮箱</span></p>