如何停止在特定按钮上生成代码？

Question

可能的重复：
我怎样才能停止jQuery mobile 将样式应用到我的特定表单元素

我正在尝试在使用 jquery 框架的 Web 应用程序中创建一个供我自己使用的输入按钮。但是当我在浏览器中看到 html 代码时，框架正在围绕该输入生成一些包装器代码，如何防止不生成该代码？

我的代码：

<input type="button" value="off" class="toggle-btn" id="toggle-btn1" />

生成的输出：

<div data-theme="c" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-c">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">off</span>
    </span>
    <input type="button" id="toggle-btn1" class="toggle-btn ui-btn-hidden" value="off">
</div>

Answer 1

您想要 data-role="none"

http://jquerymobile.com/demos/1.0a3/#docs/forms/docs-forms.html

Answer 2

您正在使用 jQuery Mobile 框架？

生成的输出是框架在网页上创建这些功能按钮的一种方式。它们隐藏了真正需要的所有 HTML，并通过让您指定类名来使其变得简单。这个包装器 HTML 是否做了您不喜欢的事情？

我不明白你说的输入按钮是什么意思？您想要一个按钮..还是一个输入字段？
例如

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