Using field containers and input fields with jQuery Mobile

A simple example of Using field containers and input fields with jQuery Mobile. 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="jQuery example for Tizen"/>
    
    <title>jQuery Mobile example for Tizen</title>
    
    <link rel="stylesheet" href="./css/jquery.mobile-1.3.2.css"/>
 
    <script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"></script>

    <style>
    </style>
</head>

<body>

 <div data-role="page">
  <div data-role="main" class="ui-content">
    <form method="post" action="getdata.php">
      <div class="ui-field-contain">
        <label for="surname">Surname:</label>
        <input type="text" name="surname" id="surname">
        <label for="nickname">Nickname:</label>
        <input type="text" name="nickname" id="nickname">
      </div>
      <input type="submit" data-inline="true" value="Submit">
    </form>

<script>
</script>

</body>
</html>
List

Responses

0 Replies