Skip to content

Instantly share code, notes, and snippets.

@yesidays

yesidays/jquery.html

Created June 24, 2012 18:12
Show Gist options
  • Save yesidays/2984267 to your computer and use it in GitHub Desktop.
Save yesidays/2984267 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery Mobile
Raw
jquery.html
<!DOCTYPE html>
<html>
<head>
<title>Mi primera APP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<div data-role="header" data-position="inline">
<h1>Mi app</h1>
<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
</div>
</div><!-- /header -->
<div data-role="content">
<form action="form.php" method="post">
<div data-role="fieldcontain">
<label for="name">Nombre: </label>
<input type="text" name="name" id="name" value="" data-mini="true" />
<label for="name">Apellido Paterno: </label>
<input type="text" name="paterno" id="name" value="" data-mini="true" />
<label for="name">Apellido Materno: </label>
<input type="text" name="materno" id="name" value="" data-mini="true"/>
<label for="name">Email: </label>
<input type="text" name="email" id="name" value="" data-mini="true"/>
<label for="name">Twitter: </label>
<input type="text" name="twitter" id="name" value="" data-mini="true"/>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Contactarme por:</legend>
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" data-mini="true" />
<label for="radio-choice-1">Twitter</label>
<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-mini="true" />
<label for="radio-choice-2">Email</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<a href="index.html" data-role="button" data-mini="true" data-inline="true" data-icon="delete">Cancel</a>
<a href="index.html" data-mini="true" data-role="button" data-inline="true" data-theme="a" data-icon="check">Save</a>
</div>
</form>
</div><!-- /content -->
<div data-role="footer">
<h5>@silvercorp</h5>
</div>
</div>
</div><!-- /page -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment