API tools faq
paste
vencinachev

WebForm

vencinachev
Mar 1st, 2021 (edited)
472
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="bg">
  3.   <head>
  4.       <title>Регистрационна форма</title>
  5.       <meta charset="UTF-8">
  6.       <meta name="description" content="Register form">
  7.       <meta name="autor" content="Ventsislav Nachev">
  8.       <meta name="keywords" content="register, form, table">
  9.       <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.      <!-- <meta http-equiv="refresh" content="10"> -->
  11.       <link rel="stylesheet" type="text/css" href="styles/webform.css">
  12.   </head>
  13.   <body>
  14.       <form>
  15.           <table>
  16.               <tr>
  17.                   <th colspan="2">
  18.                       Регистрационна форма
  19.                   </th>
  20.               </tr>
  21.               <tr>
  22.                   <td>
  23.                       <label for="uname">
  24.                           Потребителско име:
  25.                       </label>
  26.                   </td>
  27.                   <td>
  28.                       <input type="text" id="uname" name="uname">
  29.                   </td>
  30.               </tr>
  31.                 <tr>
  32.                   <td>
  33.                       <label for="email">
  34.                           E-mail:
  35.                       </label>
  36.                   </td>
  37.                   <td>
  38.                       <input type="email" id="email" name="email">
  39.                   </td>
  40.               </tr>
  41.               <tr>
  42.                   <td>
  43.                       <label for="pass">
  44.                           Парола:
  45.                       </label>
  46.                   </td>
  47.                   <td>
  48.                       <input type="password" id="pass" class="greenb" name="pass">
  49.                   </td>
  50.               </tr>
  51.               <tr>
  52.                   <td>
  53.                       <label for="birthdate">
  54.                           Дата на раждане:
  55.                       </label>
  56.                   </td>
  57.                   <td>
  58.                       <input type="date" id="birthdate" class="greenb" name="bdate">
  59.                   </td>
  60.               </tr>
  61.                <tr>
  62.                   <td>
  63.                       <label for="age">
  64.                           Възраст:
  65.                       </label>
  66.                   </td>
  67.                   <td>
  68.                       <input type="number" id="age" name="age">
  69.                   </td>
  70.               </tr>
  71.               <tr>
  72.                   <td>
  73.                       <label>
  74.                           Пол:
  75.                       </label>
  76.                   </td>
  77.                   <td>
  78.                       <input type="radio" id="male" name="gender" value="male">
  79.                       <label for="male">Мъж</label>
  80.                       <input type="radio" id="female" name="gender" value="female">
  81.                       <label for="female">Жена</label>
  82.                   </td>
  83.               </tr>
  84.               <tr>
  85.                   <td>
  86.                       <label>
  87.                           Семейно положение:
  88.                       </label>
  89.                   </td>
  90.                   <td>
  91.                       <ul style="list-style: none;">
  92.                       <li>
  93.                           <input type="radio" id="free" name="status" value="free">
  94.                           <label for="free">Необвързан</label>
  95.                       </li>
  96.                       <li>
  97.                           <input type="radio" id="marriage" name="status" value="marriage">
  98.                           <label for="marriage">Обвързан</label>
  99.                       </li>
  100.                       <li>
  101.                           <input type="radio" id="complex" name="status" value="complex">
  102.                           <label for="complex">Сложно е</label>
  103.                       </li>
  104.                       </ul>
  105.                   </td>
  106.               </tr>
  107.               <tr>
  108.                   <td>
  109.                       <label>
  110.                           Домашни любимци:
  111.                       </label>
  112.                   </td>
  113.                   <td>
  114.                        <ul style="list-style: none;">
  115.                       <li>
  116.                           <input type="checkbox" id="cat" name="cat">
  117.                           <label for="cat">Котка</label>
  118.                       </li>
  119.                       <li>
  120.                           <input type="checkbox" id="dog" name="dog">
  121.                           <label for="dog">Куче</label>
  122.                       </li>
  123.                       <li>
  124.                           <input type="checkbox" id="hamster" name="hamster">
  125.                           <label for="hamster">Хамстер</label>
  126.                       </li>
  127.                       <li>
  128.                           <input type="checkbox" id="other" name="other">
  129.                           <label for="other">Други</label>
  130.                       </li>
  131.                       </ul>
  132.                   </td>
  133.               </tr>
  134.               <tr>
  135.                   <td>
  136.                       <label for="region">
  137.                           Област:
  138.                       </label>
  139.                   </td>
  140.                   <td>
  141.                       <select id="region" name="region">
  142.                           <option value="CA">София-град</option>
  143.                           <option value="CO">Софийска област</option>
  144.                           <option value="B">Област Варна</option>
  145.                           <option value="Y">Област Ямбол</option>
  146.                       </select>
  147.                   </td>
  148.               </tr>
  149.               <tr>
  150.                   <td>
  151.                       <label for="car">
  152.                           Автомобил:
  153.                       </label>
  154.                   </td>
  155.                   <td>
  156.                       <select id="car" name="car">
  157.                           <option disabled selected value>&nbsp;</option>
  158.                           <optgroup label="Немски автомобили">
  159.                               <option value="mercedes">Mercedes</option>
  160.                               <option value="vw">VW</option>
  161.                               <option value="opel">Opel</option>
  162.                               <option value="bmw">BMW</option>
  163.                           </optgroup>
  164.                           <optgroup label="Японски автомобили">
  165.                               <option value="nissan">Nissan</option>
  166.                               <option value="vw">Toyota</option>
  167.                               <option value="mitzubishi">Mitzubishi</option>
  168.                               <option value="suziki">Suzuki</option>
  169.                           </optgroup>
  170.                           <optgroup label="Френски автомобили">
  171.                               <option value="renault">Renault</option>
  172.                               <option value="peugeot">Peugeot</option>
  173.                               <option value="citroen">Citroen</option>
  174.                           </optgroup>
  175.                       </select>
  176.                   </td>
  177.               </tr>
  178.               <tr>
  179.                   <td>
  180.                       <label for="favcolor">
  181.                           Любим цвят:
  182.                       </label>
  183.                   </td>
  184.                   <td>
  185.                       <input type="color" id="favcolor" name="color">
  186.                   </td>
  187.               </tr>
  188.               <tr>
  189.                   <td>
  190.                       <label for="cv">
  191.                           CV:
  192.                       </label>
  193.                   </td>
  194.                   <td>
  195.                       <input type="file" id="cv" name="cv">
  196.                   </td>
  197.               </tr>
  198.               <tr>
  199.                   <td>
  200.                       <label for="worktime">
  201.                           Начaло на работен ден:
  202.                       </label>
  203.                   </td>
  204.                   <td>
  205.                       <input type="time" id="worktime" name="worktime">
  206.                   </td>
  207.               </tr>
  208.               <tr>
  209.                   <td>
  210.                       <label for="mark">
  211.                           Успех в училище:
  212.                       </label>
  213.                   </td>
  214.                   <td>
  215.                       <input type="range" id="mark" min="2" max="6" name="mark">
  216.                   </td>
  217.               </tr>
  218.               <tr>
  219.                   <td>
  220.                       <label for="comment">
  221.                          Коментар:
  222.                       </label>
  223.                   </td>
  224.                   <td>
  225.                       <textarea name="comment" id="comment" rows="6" cols="30" style="resize: none;"></textarea>
  226.                   </td>
  227.               </tr>
  228.               <tr>
  229.                   <th colspan="2">
  230.                       <input type="submit" name="register" value="Регистрирай се">
  231.                       <button>Reset</button>
  232.                   </th>
  233.               </tr>
  234.           </table>
  235.       </form>
  236.   </body>
  237. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!