占位符方法:
我和其他人所期望的行为应更像表单中的占位符(即具有独立的表单元素)。
目前的基本默认行为允许我列出表单的不同部分,例如我写的“姓名”、“地点”和“问题”,但默认的模板行为存在与之前指出的相同问题——Markdown 使其令人困惑,且用户很容易破坏它。
我认为理想的情况是像普通表单一样,每个部分(姓名、地点和问题)都有一个占位符,但(这里有所不同)各部分将独立运作。因此,当用户点击“姓名”部分时,占位符“姓名”会消失,而其他部分则保留,直到用户也点击它们。
我想象这可以通过 jQuery 实现。每个部分必须拥有带 ID 的独立 div,然后 jQuery 允许在用户点击时显示或移除该特定 ID 的文本。但这需要在文本区域中添加 div,而我不确定如何实现这一点。
我正在此处进行调查。
模板方法
另一种替代方案是,当用户点击时,部分标题不会“消失”。因此,部分标题(例如:姓名、地点和问题)将作为保留在页面上的文本。与当前模板默认设置相比,为了使其更像表单:
- 部分标题文本不可由用户编辑(即
contenteditable="false") - 部分分隔点不可由用户删除
- 部分标题下方应有清晰的空间供用户输入。在当前默认模板中,用户必须将光标移到文本位置,按
回车键以创建输入空间。
也许这是更简单的方法?