首先，需要在HTML文件中引入jQuery库和jQuery Mobile库：
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Textarea Demo</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
接下来，可以使用<textarea>标签来创建一个文本输入框：
<label for="textarea">Textarea:</label>
<textarea name="textarea" id="textarea"></textarea>
但是，如果想要使用jQuery Mobile风格的输入框，可以使用<textarea>标签的data-role属性来指定输入框的类型，例如：
<label for="textarea">Textarea:</label>
<textarea name="textarea" id="textarea" data-role="textarea"></textarea>
这样就可以创建一个具有jQuery Mobile风格的文本输入框了。除了上面这个例子之外，还可以按照以下示例创建更多不同类型的文本输入框。
示例一
<label for="textarea-small">Small Textarea:</label>
<textarea name="textarea-small" id="textarea-small" data-role="textarea" data-mini="true"></textarea>
这个例子创建了一个小型的文本输入框，其大小通过data-mini属性进行设置。
示例二
<label for="textarea-large">Large Textarea:</label>
<textarea name="textarea-large" id="textarea-large" data-role="textarea" data-height="100"></textarea>
这个例子创建了一个高度为100px的大型文本输入框，其高度通过data-height属性进行设置。
总结一下，通过在<textarea>标签上使用data-role属性可以很容易地创建具有jQuery Mobile风格的文本输入框，并且还可以使用其他属性来调整输入框的大小和样式。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：如何使用jQuery Mobile创建一个Textarea输入框 - Python技术站
微信扫一扫 
支付宝扫一扫 