Javascript Jquery mobile是否可以有一个可编辑区域？

我有一个移动页面，我希望用户能够编辑其个人资料上的内容。我试过jquery，但它在移动设备上不起作用。我有一个可折叠的档案内容内放置，所以我希望用户点击该地区，然后能够更新该地区

可以在手机上做吗？有没有一种方法可以用javascript实现

这是我的个人资料代码：

<div data-collapsed="true" data-role="collapsible">
    <h3>
        <img height="20" src="images/jay.jpg" width="22"> Username
    </h3>
    <a class="" data-role="button" href="">Edit</a>

    <h4>About Me:</h4>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim
    mi a justo sollicitudin porttitor eu vi tae ipsum. Curabitur vitae auctor
    turpis. In volutpat consectetur elit, quis varius nisl dignissim in. Nunc
    in nunc vel elit fermentum fermentum non eu dolor. Vivamus euismod sapien
    ut augue euismod, sit amet malesuada odio pulvinar. Vivamus porttitor felis
    in eros mattis luctus. Maecenas ultricies ligula nec elementum gravida.</p>

    <h4>Skillsset:</h4>

    <p>Web, Logo Design, Business Cards, Graphic Design, Animation, Digital
    Marketing, User Interface Design, Banner Design, Posters, Signs</p>

    <h4>
        Contact No: 
        <a href="tel:555555">555555</a>
    </h4>
    <img height="50" src="images/james/jay1.jpg" width="55"> 
    <img height="50" src="images/jay2.jpg" width="55"> 
    <img height="50" src="images/jay3.jpg" width="55"> 
    <img height="50" src="images/jay4.jpg" width="55">
</div><!-- end of collaspible-->

用户名
关于我：
Lorem ipsum dolor sit amet，是一位杰出的献身者。尊严
我只是一个独立自主的人。维塔拍卖行馆长
turpis。在这座城市里，精英们的身份显赫。Nunc
在nunc vel elit FERENTUM FERENTUM non eu dolor中。欧伊斯莫德萨皮恩万岁
奥古斯特·尤伊斯莫，坐在阿梅特·马莱苏阿达·奥迪奥·普尔文纳的位子上。猫科动物胎生
在《厄洛斯》中，马蒂斯·卢克图斯。妊娠期未成年女性

技能组：
网页、标志设计、名片、平面设计、动画、数字
营销、用户界面设计、横幅设计、海报、标志

联络电话:

那么，我将如何允许用户单击Skillset区域（例如）并更新技能呢

---

提前感谢您的帮助。

您可以使用文本区域吗：？可以，但我的问题仍然是如何编辑/更新文本区域内的内容。假设我的文本区域中已经有文本。我想编辑该文本或更新文本。只要您在文本区域内点击或单击，键盘就会显示，您可以编辑文本。它是为文本编辑而设计的。我现在明白了，这不是我想要的外观或感觉。但是谢谢你的帮助