cómo dejar de generar código en un botón en particular?

Question

Duplicar posible:
How can i stop jQuery mobile to apply styles to my specific form elements

Estoy tratando de crear un botón de entrada para mi propio uso en mis eso de aplicaciones web utilizando jQuery. Pero cuando veo el código html en el navegador, el framework está generando algún código envoltorio alrededor de esa entrada, ¿cómo evitar que ese código no se genere?

mi código:

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

salida generada:

<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

¿Quieres data-role="none"

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

Answer 2

Usted está utilizando el framework jQuery Mobile?

La salida generada es una manera para que el marco cree esos botones funcionales en la página web. Ocultan todo el HTML realmente requerido y lo simplifican al hacer que especifiques un nombre de clase. ¿Este envoltorio HTML está haciendo algo que no te gusta?

No entiendo lo que quiere decir con el botón de entrada? ¿Quieres un botón ... o un campo de entrada? p.

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