如何在jquery mobile中添加标签前的文本字段

Question

您能告诉我如何在jquery mobile中添加标签前的文本字段。

此图片中有两种不同类型的文字字段。如何实现？

Answer 1

只需将简单代码复制到您的网站......

对于输入框： -

<div data-role="fieldcontain">
         <label for="text-12">Text input:</label>
         <input name="text-12" id="text-12" value="" type="text">
    </div>

对于textarea： -

<div data-role="fieldcontain">
        <label for="textarea-12">Textarea:</label>
        <textarea cols="40" rows="8" name="textarea-12" id="textarea-12"></textarea>
    </div>

请注意，输入框的for=""和id=""的值应相同...

有关详细信息，请查看： - http://view.jquerymobile.com/1.3.1/demos/widgets/textinputs/

Answer 2

使用此代码添加文本字段

<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value=""  />

参考此文档以了解有关JQM的更多信息

http://jquerymobile.com/demos/1.2.1/docs/forms/textinputs/