Як створити компонент Text Input, використовуючи HTML

HTML-форми - це те, що вам потрібно для отримання даних, введених користувачем. Але спочатку ви повинні створити текстове поле! Ось проста інструкція про те, як створити текстове поле, якщо ви використовуєте ОС Windows.




Створення компонента Text Input за допомогою HTML

  1. [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.

  2. [img]https://img.yakwiki.com/yakwiki/4/kak-dobavit-javascript-na-sajt-posredstvom-html_2.jpg[/img]

    2

    Введіть код. Запишіть стандартні теги (). І це має виглядати так:

  3. 3

    Тепер, коли у вас є базовий код, ви готові створити форму для зберігання текстового поля, а потім створити саме текстове поле.
    • Між двома тегами ( and ) Введіть: [b]
      .

      Як створити компонент Text Input, використовуючи HTML

    • Далі йде фактичний елемент "input". Введіть: [b].

      Як створити компонент Text Input, використовуючи HTML

    • І, нарешті, закрийте тег , запровадивши: [b].

      Як створити компонент Text Input, використовуючи HTML

  4. Як створити компонент Text Input, використовуючи HTML

    4

    Збережіть сторінку. Натисніть команду "File" ==> "Save As", а потім збережіть її під ім`ям "test.html". Або збережіть її під назвою "anything.html".

  5. Як створити компонент Text Input, використовуючи HTML

    5

    Відкрийте вікно і подивіться на своє нове текстове поле!


    • Використовуючи javascript, ви можете тепер створювати текстове поле, робити щось в поєднанні з кнопкою!
    • Якщо ви хочете ввести деякий текст перед полем "input" для роз`яснення чогось (коментаря), зробіть це перед тегом .


Поради

  • Ви також можете включити атрибут id. Відразу після name = "whatever" (ім`я = "що-небудь), напишіть => id =" whatever ". Рекомендується використовувати такий же id, як name, для простоти використання.
  • Ви також можете використовувати інші програми, такі як Notepad ++, PSPad, JEdit, і т.д. Більш складні (і дорогі) програми (такі, як Dreamweaver) теж хороші.
  • Ви можете встановити максимальну кількість символів у полі! Просто додайте атрибут "maxlength" для тега . Це буде виглядати так: maxlength = "10".

Що вам знадобиться

  • Будь-який текстовий редактор
  • Браузер