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

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标签。 
点击按钮，让这个input标签获得焦点，既可以自动弹出输入法。