基本的に、必要なのはページの標準ヘッダーであり、クリックすると入力[type="text"]に「変わる」か、関連する入力フィールドを切り替えます。入力フィールドに入力すると、ヘッダーのテキストが値に置き換えられ、タブ キーも機能するはずです。そのため、最初のフィールドまたは 2 番目のフィールドにフォーカスがあり、「Shift タブ」を押すと非表示になります正しいフィールド。
これが私のhtmlマークアップです
<div class="stepInformation" title="Click to edit">
<h4 class="blue nameEdit">Enter Order Name</h4>
<input type="text" id="orderName" value="" placeholder="Enter Order Name"
style="display:none">
<h4 class="blue descriptionEdit">Enter Order Description</h4>
<input type="text" id="orderDescription" value="" placeholder="Enter Order Description"
style="display:none">
</div>