demos/tizen-gray/widgets/entry.html

   1 <!DOCTYPE html>
   2         <div data-role="page" class="type-interior" data-add-back-btn="true">
   3
   4         <div data-role="header" >
   5                 <h1>Entry</h1>
   6         </div><!-- /header -->
   7
   8         <div data-role="content">
   9                 <div class="content-primary">
  10
  11                 <form action="#" method="get">
  12                         <div data-role="fieldcontain">
  13                  <label for="name">Text Input:</label>
  14                  <input type="text" name="name" id="name" value=""  />
  15                         </div>
  16
  17                         <div data-role="fieldcontain">
  18                         <label for="textarea">Textarea:</label>
  19                         <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  20                         </div>
  21
  22                         <div data-role="fieldcontain">
  23                  <label for="password">Password:</label>
  24                  <input type="password" name="password" id="password" value="" />
  25                         </div>
  26
  27                         <div data-role="fieldcontain">
  28                  <label for="number">Number:</label>
  29                  <input type="number" name="number" id="number" value="" />
  30                         </div>
  31
  32                         <div data-role="fieldcontain">
  33                  <label for="email">Email:</label>
  34                  <input type="email" name="email" id="email" value="" />
  35                         </div>
  36
  37                         <div data-role="fieldcontain">
  38                  <label for="url">Url:</label>
  39                  <input type="url" name="url" id="url" value="" />
  40                         </div>
  41
  42                         <div data-role="fieldcontain">
  43                  <label for="tel">Tel:</label>
  44                  <input type="tel" name="tel" id="tel" value="" />
  45                         </div>
  46 </div><!-- /content -->
  47 </div><!-- /page -->
  48