javascript - An input box appears when commenting on the mobile phone. How to implement this?

Question

Clicking each comment can trigger this input box. How is this implemented?

 <p class="f-item">
        <p class="f-content">        
            /*点击这里出现输入框*/
            <p class="f-recommed">评论评论我是评论</p>
            
            /*下面是其他人回复的内容*/
            <p class="f-other">
                <p class="f-otherItem">
                    <p class="f-tit">
                        <p class="f-tit-l">
                        <span>
                            <img src="images/head.png" alt=""/>
                        </span>
                            <p class="f-name">某某某</p>
                            <p class="f-time">04.28 08:33</p>
                        </p>
                        <span class="f-tit-r iconfont">3</span>
                    </p>
                    <p class="f-recommed">@某某某：评论评论我是评论</p>
                </p>
            </p>

        </p>
    </p>
    
    <nav class="f-bar">
        <textarea id="recommed" placeholder="添加评论..."></textarea>
        <button>评论</button>
    </nav>

Answer 1

First of all, this input method box is written by myself. Generally speaking, it is an input tag.
Click the button to let the input tag gain focus, and the input method will automatically pop up.

Answer 2

Post your code structure!
The principle is to get the id of the clicked comment and display the input box