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         <div data-role="header" >
   5                 <h1>Entry</h1>
   6         </div><!-- /header -->
   7
   8         <div data-role="content">
   9                 <div data-role="fieldcontain">
  10                         <label for="name">Text Input:</label>
  11                         <input type="text" name="name" id="name" value=""  />
  12                         <label for="textarea">Textarea:</label>
  13                         <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  14                 </div>
  15                 <div data-role="fieldcontain">
  16                         <label for="password">Password:</label>
  17                         <input type="password" name="password" id="password" value="" />
  18                 </div>
  19                 <div data-role="fieldcontain">
  20                         <label for="number">Number:</label>
  21                         <input type="number" name="number" id="number" value="" />
  22                 </div>
  23                 <div data-role="fieldcontain">
  24                         <label for="number-pattern">Number + pattern:</label>
  25                         <input type="number" name="number" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad" />
  26                 </div>
  27                 <div data-role="fieldcontain">
  28                         <label for="email">Email:</label>
  29                         <input type="email" name="email" id="email" value="" />
  30                 </div>
  31                 <div data-role="fieldcontain">
  32                         <label for="url">Url:</label>
  33                         <input type="url" name="url" id="url" value="" />
  34                 </div>
  35                 <div data-role="fieldcontain">
  36                         <label for="tel">Tel:</label>
  37                         <input type="tel" name="tel" id="tel" value="" />
  38                 </div>
  39                 <div data-role="fieldcontain">
  40                         <label for="time">Time:</label>
  41                         <input type="time" name="time" id="time" value="" />
  42                 </div>
  43                 <div data-role="fieldcontain">
  44                         <label for="date">Date:</label>
  45                         <input type="date" name="date" id="date" value="" />
  46                 </div>
  47                 <div data-role="fieldcontain">
  48                         <label for="month">Month:</label>
  49                         <input type="month" name="month" id="month" value="" />
  50                 </div>
  51                 <div data-role="fieldcontain">
  52                         <label for="week">Week:</label>
  53                         <input type="week" name="week" id="week" value="" />
  54                 </div>
  55                 <div data-role="fieldcontain">
  56                         <label for="datetime">Datetime:</label>
  57                         <input type="datetime" name="datetime" id="datetime" value="" />
  58                 </div>
  59                 <div data-role="fieldcontain">
  60                         <label for="datetime-l">Datetime local:</label>
  61                         <input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
  62                 </div>
  63                 <div data-role="fieldcontain">
  64                         <label for="color">Color:</label>
  65                         <input type="color" name="color" id="color" value="black" />
  66                 </div>
  67         </div><!-- /content -->
  68 </div><!-- /page -->
  69 </html>
  70