Jquery 单击后显示表单的下一个字段，并在每个字段旁边显示内联消息

我有一个表单，有4个输入字段和1个文本区域。我试图在Jquery中执行以下操作，但没有成功： 单击某个字段时显示下一个字段。例如，单击第一个输入，然后显示下一个输入。 在页面加载时，第一个输入字段应该是可见的，而其余的字段都是隐藏的，这样人们就可以单击第一个字段，并在单击时从中发现以下内容。 现在我还想在每个字段旁边显示一个内联文本，直到显示下一个字段为止。 例如，第一个字段是“姓名”，因此当人们单击它时，它应该是“请在此处输入您的姓名”，然后当用户单击该字段时，会显示下一个字段的姓氏，旁边的另一个图例请在此处输入您的姓氏，依此类推。 有人能帮我在不使用插件的情况下使用jquery吗？

试试这个：

var fields = $('#myform .field').hide();
fields.first().show();
fields.find(':input').bind('focus', function() {
    $(this).closest('.field').next('.field').show();
});

---

示例：

hi@PetersenDidlt，这很好，但是您介意在每个字段旁边添加内联文本消息吗？你会怎么做？我注意到你在搜索输入字段，但我的最后一个字段是一个文本区域，在你点击它之后应该会显示提交按钮。不过谢谢你的邀请contribution@sebastian，这里有一个稍微丑陋的方法，作为一个例子。@sebatian刚刚更新了这个例子来处理文本区域。您可以使用jQuery特殊选择器：input