Як створити компонент Text Input, використовуючи HTML
HTML-форми - це те, що вам потрібно для отримання даних, введених користувачем. Але спочатку ви повинні створити текстове поле! Ось проста інструкція про те, як створити текстове поле, якщо ви використовуєте ОС Windows.
Кроки
Створення компонента Text Input за допомогою HTML
[img]https://img.yakwiki.com/yakwiki/4/kak-dobavit-javascript-na-sajt-posredstvom-html_1.jpg[/img]
1
Створіть HTML-сторінку. Щоб зробити це, відкрийте Notepad (Блокнот) або будь-який інший текстовий редактор. В ОС Windows ви можете отримати доступ до Notepad через меню Start (Пуск) ==> "All programs" (Усі програми) ==> "Accessories" (Стандартні) ==> потім "Notepad". Або використовуйте комбінацію клавіш Windows + R, потім введіть [b]notepad і натисніть клавішу Enter.[img]https://img.yakwiki.com/yakwiki/4/kak-dobavit-javascript-na-sajt-posredstvom-html_2.jpg[/img]
2
Введіть код. Запишіть стандартні теги (). І це має виглядати так:3
Тепер, коли у вас є базовий код, ви готові створити форму для зберігання текстового поля, а потім створити саме текстове поле.- Між двома тегами ( and ) Введіть: [b]
- Далі йде фактичний елемент "input". Введіть: [b].
- І, нарешті, закрийте тег .
4
Збережіть сторінку. Натисніть команду "File" ==> "Save As", а потім збережіть її під ім`ям "test.html". Або збережіть її під назвою "anything.html".5
Відкрийте вікно і подивіться на своє нове текстове поле!- Використовуючи javascript, ви можете тепер створювати текстове поле, робити щось в поєднанні з кнопкою!
- Якщо ви хочете ввести деякий текст перед полем "input" для роз`яснення чогось (коментаря), зробіть це перед тегом .
Поради
- Ви також можете включити атрибут id. Відразу після name = "whatever" (ім`я = "що-небудь), напишіть => id =" whatever ". Рекомендується використовувати такий же id, як name, для простоти використання.
- Ви також можете використовувати інші програми, такі як Notepad ++, PSPad, JEdit, і т.д. Більш складні (і дорогі) програми (такі, як Dreamweaver) теж хороші.
- Ви можете встановити максимальну кількість символів у полі! Просто додайте атрибут "maxlength" для тега . Це буде виглядати так: maxlength = "10".
Що вам знадобиться
- Будь-який текстовий редактор
- Браузер