手机端评论出现输入框，怎么实现？

Question

点击每个评论都可以触发输入框，这个实现的方式是什么？

 <div class="f-item">

        <div class="f-content">        

            /*点击这里出现输入框*/

            <p class="f-recommed">评论评论我是评论</p>

            

            /*下面是其他人回复的内容*/

            <div class="f-other">

                <div class="f-otherItem">

                    <div class="f-tit">

                        <div 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>

                        </div>

                        <span class="f-tit-r iconfont">3</span>

                    </div>

                    <p class="f-recommed">@某某某：评论评论我是评论</p>

                </div>

            </div>

        </div>

    </div>

    

    <nav class="f-bar">

        <textarea id="recommed" placeholder="添加评论..."></textarea>

        <button>评论</button>

    </nav>

Answer 1

首先，这个输入法框，是自己写的，一般来说是一个input标签。&nbsp;点击按钮，让这个input标签获得焦点，既可以自动弹出输入法。