API tools faq
paste
deyanivanov966

First Steps HTML5 Lections - ШАБЛОН Формуляр

deyanivanov966
Apr 20th, 2021 (edited)
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html> <!--Декларатор, показващ версията на html-->
  2. <html lang="bg"> <!--Отварящ таг-начало на html документа-->
  3. <head> <!--НАЧАЛО НА ПЪРВА ОСНОВНА СЕКЦИЯ-съдържа метаданни и информация за страницата-->
  4.     <meta charset="utf-8" /> <!--ДЕФИНИЦИЯ НА КОДИРАНЕТО - Начало на мета информацията за страницата(невидими)-->
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--За изглед на различни устройства-->
  7.     <meta name="description" content="Пълно описание на страницата / сайта" />
  8.     <meta name="author" content="Автор на страницата" />
  9.     <meta name="keywords" content="Ключови думи, разделени със запетая" />
  10.     <meta name="Document-state" content="Static" /> <!--Статичен/Динамичен-обновяващ се сайт-->
  11.     <title>Заглавие на сайта | Страница от сайта</title> <!--ЗАГЛАВИЕ(появява се в търсачките и най-отгоре в браузъла) - Край на мета информацията за страницата(невидими)-->
  12. </head> <!--КРАЙ НА ПЪРВА ОСНОВНА СЕКЦИЯ-->
  13. <body> <!--НАЧАЛО НА ВТОРА ОСНОВНА СЕКЦИЯ-тялото на страницата с основно съдържание, което се показва в браузъра-->
  14.    <h3>HTML формуляр</h3>
  15.       <form method="post"> <!--Начало на фопмуляр-->
  16.           Име: <br> <!--Вмъкване на име с последваща информация на нов ред /br/-->
  17.           <input type="text" name="Deyan"> <!--Вмъкване на поле с текст-->
  18.              <fieldset> <!--Задаване на група във формуляра / едноредово текстово поле-->
  19.                  <legend>Лична информация</legend> <!--Задаване на име на групата-->
  20.                  <label for="name">Име:</label> <!--Вмъкване на име-->
  21.                  <input type="text" id="name"> <!--Вмъкване на текстово поле-->
  22.                  <br> <!--Започване на нов ред-->
  23.                  <label for="pas">Парола</label>
  24.                  <input type="password" id="pas">
  25.                  <br>
  26.                  <label for="mail">Имейл</label>
  27.                  <input type="email" id="mail">
  28.                  <input type="color"> <!--Вмъквате на поле за рисуване-->
  29.                  <input type="date"> <!--Поле за избор на дата-->
  30.                  <input type="number" min="1" max="20"> <!--Вмъкване на поле от числа с минимална и максимална стойност-->
  31.                  <input type="range" min="1" max="50"> <!--Вмъкване на елемент с плъзгач за избиране на конкретна стойност-->
  32.                  <input type="file"> <!--Поле за прикачване на файл-->
  33.              </fieldset>
  34.              <fieldset> <!--Задаване на група във формуляра с многоредово текстово поле-->
  35.                  <legend>Лична информация</legend> <!--Задаване на име на групата-->
  36.                  <label for="name1">Име1:</label> <!--Вмъкване на име-->
  37.                  <input type="text" id="name1"> <!--Вмъкване на текстово поле-->
  38.                  <textarea name="" id="" cols="30" rows="10">Вашият коментар</textarea>
  39.              </fieldset>
  40.              <fieldset>
  41.                  <p>Вашите интереси:</p> <!--Чекбокс полета за отметки(множествен избор)-->
  42.                  <p><input type="checkbox" name="ch1" value="km">Компютърни мрежи</p>
  43.                  <p><input type="checkbox" name="ch2" value="mm">Мултимедия</p>
  44.                  <p><input type="checkbox" name="ch3" value="db">Бази от данни</p>
  45.              </fieldset>
  46.              <fieldset>
  47.                  <p>Моля изберете:</p> <!--Радио бутони за алтернативен избор-->
  48.                  <input type="radio" name="city" value="1">Варна<br/>
  49.                  <input type="radio" name="city" value="2">Рим<br/>
  50.                  <input type="radio" name="city" value="3">Москва<br/>
  51.                  <input type="radio" name="city" value="4">Венеция<br/>
  52.                  <input type="radio" name="city" value="5">Париж<br/>
  53.              </fieldset>
  54.              <fieldset>
  55.                  <p>Пол:</p> <!--Поле за избор на опции-Drop down списъци-->
  56.                  <select name="gender">
  57.                     <option value="Value 1">Мъж</option>
  58.                     <option value="Value 2">Жена</option>
  59.                     <option value="Value 3">То</option>
  60.                  </select>
  61.              </fieldset>
  62.              <fieldset>
  63.                  <p>Multiple-select списък</p> <!--Поле за избор на опции-Multiple-select списъци-->
  64.                  <select name="products" multiple="multiple">
  65.                      <option value="1">Захар</option>
  66.                      <option value="2">Брашно</option>
  67.                      <option value="3" selected="selected">Сол</option>
  68.                  </select>
  69.              </fieldset>
  70.              <input type="submit" value="Изпрати"> <!--Вмъкване на бутон-->
  71.       </form>
  72. </body>
  73. </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!