SlideShare a Scribd company logo
1 of 14
Download to read offline
Создание элементов управления
2.7.1 Основные элементы управления:
18/7/2018
Элементы формы HTML используются для захвата ввода
пользователя. Существует множество различных типов элементов
формы, таких как текстовое поле, флажок, выпадающее меню, кнопка
отправки и многое другое
1. Ввод текстового поля
2. Ввод пароля
3. Текстовая область
4. Флажок
5. Радиоприемник
6. Загрузка файлов
7. Кнопка отправки
1. Ввод текстового поля
<input type="text" /><br/>
text
2. Ввод пароля
<input type="password" name="password"> <br/>
*******
3. Текстовая область
<textarea name="comment"></textarea>
попробовать ввести
текст..
4. Флажок
<input type="checkbox" name="valid_ninja"> Вы ниндзя?
Вы ниндзя?
5. Радиоприемник
<input type="radio" name="weapon" value="throwing_stars"> Бросающие звезды <br>
<input type="radio" name="weapon" value="sword"> Меч <br>
<input type="radio" name="weapon" value="staff"> Персонал <br>
Бросающие звезды
Меч
Персонал
6. Загрузка файлов
<input type="file" name="image">
7. Кнопка отправки
<input type="submit" value="Submit The Form">
практика...
«Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти
Европалык Союзу тарыбынан финансылоо болгон.​
Бул документин мазмуну толугу менен IT Академиянын
жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын
көз карашын көргөзбөйт.​
​
Проект «IT тренинг для людей с ограниченными возможностями»
финансирован Европейским Союзом.​
Содержание этого документа полностью является
ответственностью IT Academy и никак не отражает взгляды
Европейской Комиссии.​
​
#programmingwithoutbarriers
#cheksizprogramming

More Related Content

More from IT Academy Project EU

Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google FontsIT Academy Project EU
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSSIT Academy Project EU
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)IT Academy Project EU
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSSIT Academy Project EU
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторыIT Academy Project EU
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифтаIT Academy Project EU
 
CSS - Basic properties and attributes
CSS - Basic properties and attributesCSS - Basic properties and attributes
CSS - Basic properties and attributesIT Academy Project EU
 
2.4.7 HTML - Форматирование текста
2.4.7 HTML  - Форматирование текста2.4.7 HTML  - Форматирование текста
2.4.7 HTML - Форматирование текстаIT Academy Project EU
 

More from IT Academy Project EU (20)

Bootstrap
BootstrapBootstrap
Bootstrap
 
Что такое framework?
Что такое framework?Что такое framework?
Что такое framework?
 
1.1.1 Text Alternatives
1.1.1 Text Alternatives1.1.1 Text Alternatives
1.1.1 Text Alternatives
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google Fonts
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSS
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
4.5 Веб-дизайн
4.5 Веб-дизайн4.5 Веб-дизайн
4.5 Веб-дизайн
 
3.5.5 Свойства Margin
3.5.5 Свойства Margin3.5.5 Свойства Margin
3.5.5 Свойства Margin
 
3.5.4 Свойства Padding
3.5.4 Свойства Padding3.5.4 Свойства Padding
3.5.4 Свойства Padding
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS
 
3.1 BASICS CSS
3.1 BASICS CSS3.1 BASICS CSS
3.1 BASICS CSS
 
CSS - Цвета
CSS - ЦветаCSS - Цвета
CSS - Цвета
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторы
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта
 
2.4.7 HTML - Формы
2.4.7 HTML - Формы2.4.7 HTML - Формы
2.4.7 HTML - Формы
 
CSS - Basic properties and attributes
CSS - Basic properties and attributesCSS - Basic properties and attributes
CSS - Basic properties and attributes
 
Что такое CSS?
Что такое CSS?Что такое CSS?
Что такое CSS?
 
HTML - Гиперссылки
HTML - ГиперссылкиHTML - Гиперссылки
HTML - Гиперссылки
 
2.5.1 kartinki
2.5.1 kartinki2.5.1 kartinki
2.5.1 kartinki
 
2.4.7 HTML - Форматирование текста
2.4.7 HTML  - Форматирование текста2.4.7 HTML  - Форматирование текста
2.4.7 HTML - Форматирование текста
 

2.7.1 Основные элементы управления:

  • 1. Создание элементов управления 2.7.1 Основные элементы управления: 18/7/2018
  • 2. Элементы формы HTML используются для захвата ввода пользователя. Существует множество различных типов элементов формы, таких как текстовое поле, флажок, выпадающее меню, кнопка отправки и многое другое
  • 3. 1. Ввод текстового поля 2. Ввод пароля 3. Текстовая область 4. Флажок 5. Радиоприемник 6. Загрузка файлов 7. Кнопка отправки
  • 4.
  • 5. 1. Ввод текстового поля <input type="text" /><br/> text
  • 6. 2. Ввод пароля <input type="password" name="password"> <br/> *******
  • 7. 3. Текстовая область <textarea name="comment"></textarea> попробовать ввести текст..
  • 8. 4. Флажок <input type="checkbox" name="valid_ninja"> Вы ниндзя? Вы ниндзя?
  • 9. 5. Радиоприемник <input type="radio" name="weapon" value="throwing_stars"> Бросающие звезды <br> <input type="radio" name="weapon" value="sword"> Меч <br> <input type="radio" name="weapon" value="staff"> Персонал <br> Бросающие звезды Меч Персонал
  • 10. 6. Загрузка файлов <input type="file" name="image">
  • 11.
  • 12. 7. Кнопка отправки <input type="submit" value="Submit The Form">
  • 14. «Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан финансылоо болгон.​ Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын көз карашын көргөзбөйт.​ ​ Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом.​ Содержание этого документа полностью является ответственностью IT Academy и никак не отражает взгляды Европейской Комиссии.​ ​ #programmingwithoutbarriers #cheksizprogramming