Add button to submit button
Description
The following code shows how to add button to submit button.
Example
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript'
src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<style type='text/css'>
form .ui-input-text {<!-- ww w. j av a 2 s. co m-->
display: inline-block;
width: 65%;
vertical-align: middle;
}
form>.ui-btn {
display: inline-block;
width: 25%;
vertical-align: middle;
}
@media all and (max-width:480px) {
form .ui-input-text {
width: 100%;
}
form>.ui-btn {
width: 100%;
}
}
</style>
</head>
<body>
<div data-role="page">
<div data-role="content">
<form method="GET">
<input type="text" name="id" value="Other">
<input type="submit" data-type="button" data-icon="plus" value="Add">
</form>
</div>
</div>
</body>
</html>