demos/tizen-winsets/widgets/entry.html

   1 <!DOCTYPE html>
   2 <html>
   3 <div data-role="page" class="type-interior" data-add-back-btn="true">
   4         <style type="text/css">
   5         label.ui-input-text {
   6                 width: 30%
   7         }
   8         </style>
   9         <div data-role="header" >
  10                 <h1>ENTRY</h1>
  11         </div><!-- /header -->
  12
  13         <div data-role="content">
  14                 <div data-role="fieldcontain">
  15                         <label for="name">Text Input:</label>
  16                         <input type="text" name="name" id="name" value=""  />
  17                 </div>
  18                 <div data-role="fieldcontain">
  19                         <label for="textarea">Textarea:</label>
  20                         <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  21                 </div>
  22                 <div data-role="fieldcontain">
  23                         <label for="password">Password:</label>
  24                         <input type="password" name="password" id="password" value="" />
  25                 </div>
  26                 <div data-role="fieldcontain">
  27                         <label for="number">Number:</label>
  28                         <input type="number" placeholder="number here" name="number" id="number" value="" />
  29                 </div>
  30                 <div data-role="fieldcontain">
  31                         <label for="number-pattern">Number + pattern:</label>
  32                         <input type="number" name="number-pattern" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad" />
  33                 </div>
  34                 <div data-role="fieldcontain">
  35                         <label for="email">Email:</label>
  36                         <input type="email" name="email" id="email" value="" />
  37                 </div>
  38                 <div data-role="fieldcontain">
  39                         <label for="url">Url:</label>
  40                         <input type="url" name="url" id="url" value="" />
  41                 </div>
  42                 <div data-role="fieldcontain">
  43                         <label for="tel">Tel:</label>
  44                         <input type="tel" name="tel" id="tel" value="" />
  45                 </div>
  46                 <div data-role="fieldcontain">
  47                         <label for="time">Time:</label>
  48                         <input type="time" name="time" id="time" value="" />
  49                 </div>
  50                 <div data-role="fieldcontain">
  51                         <label for="date">Date:</label>
  52                         <input type="date" name="date" id="date" value="" />
  53                 </div>
  54                 <div data-role="fieldcontain">
  55                         <label for="month">Month:</label>
  56                         <input type="month" name="month" id="month" value="" />
  57                 </div>
  58                 <div data-role="fieldcontain">
  59                         <label for="week">Week:</label>
  60                         <input type="week" name="week" id="week" value="" />
  61                 </div>
  62                 <div data-role="fieldcontain">
  63                         <label for="datetime">Datetime:</label>
  64                         <input type="datetime" name="datetime" id="datetime" value="" />
  65                 </div>
  66                 <div data-role="fieldcontain">
  67                         <label for="datetime-l">Datetime local:</label>
  68                         <input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
  69                 </div>
  70                 <div data-role="fieldcontain">
  71                         <label for="color">Color:</label>
  72                         <input type="color" name="color" id="color" value="black" />
  73                 </div>
  74         </div><!-- /content -->
  75         <div data-role="footer">
  76         </div>
  77 </div><!-- /page -->
  78 </html>
  79