Tutorial #52 del curso de Jquery, en este tutorial veremos como crear formularios de una forma muy fácil al igual que en html pero utilizando jquery-mobile.
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>JQuery - Mobile - formularios</title> <link href="jquery-mobile/jquery.mobile-1.4.5.min.css" rel="stylesheet"> </head> <body> <div data-role="page"> <div data-role="header"> <h2>jquery mobile</h2> </div> <div data-role="content"> <form action="" metod="post"> <label for="nombre">Nombre</label> <input type="text" name="nombre"> <label for="comentario">comentario</label> <textarea name="comenttario" id="" cols="30" rows="10"></textarea> <select name="pais" id=""> <option value="">España</option> <option value="">Colombia</option> </select> <label for="comentario">edad</label> <input type="range" min="14" max="90"> <label for="comentario">subscribirse</label> <select name="" id="" data-role="slider"> <option value="">Si</option> <option value="">No</option> </select> <fieldset data-role="controlgroup"> <legend>Color favorito</legend> <input type="radio" name="color" id="rojo"> <label for="rojo">Rojo</label> <input type="radio" name="color" id="azul"> <label for="azul">Azul</label> <input type="radio" name="color" id="verde"> <label for="verde">Verde</label> </fieldset> </form> </div> <div data-role="footer" class="ui-bar"> <h2>Cursos de Jquery 2015</h2> </div> <script src="js/jquery-2.1.3.min.js"></script> <script src="jquery-mobile/jquery.mobile-1.4.5.min.js"></script> </body> </html>