end video

Този урок е достъпен само в платената версия на курса.

Вземи достъп до всички уроци 💫 цена: 99лв.

Ако вече имаш регистриран профил натисни тук.

§ HTML елементи за входни данни

Друг много важен аспект на HTML е потребителския интерфейс за входни данни. Или казано с други думи, форми за събиране на информация от потребителя.

HTML елементите за входни данни от потребителя са такива елементи които позволяват на потребителите да въвеждат данни в уеб страницата. Някои примери за такива елементи са <input>, <select>, <textarea> и <button>.

<input> елемента се използва за въвеждане на различни видове данни, като например текст, числа, дати, файлове и други. Пример за употреба на <input> елемента за въвеждане на текст:

<label for="username">Username:</label>
<input type="text" id="username" name="username">

<select> елемента се използва за създаване на падащи списъци, които позволяват на потребителите да изберат от няколко възможни опции. Пример за употреба на <select> елемента:

<label for="city">City:</label>
<select id="city" name="city">
  <option value="sofia">Sofia</option>
  <option value="plovdiv">Plovdiv</option>
  <option value="varna">Varna</option>
</select>

<textarea> елемента се използва за въвеждане на многоредов текст. Той предоставя по-голяма площ за въвеждане на текст отколкото <input> елемента, като позволява на потребителите да въвеждат по-дълги и по-сложни данни. Пример за употреба на <textarea> елемента:

<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>

<button> елемента се използва за създаване на бутони, които могат да бъдат натиснати от потребителите за изпълнение на определена дейност. Той може да се използва за изпращане на формуляри, запазване на данни или изпълнение на други действия. Пример:

<button type="submit">Submit</button>
questionnaire

Практика

Практиката е най-бързия начин да усвоиш знания трайно. Подготвил съм ти малка задача свързана с урока.

Практика
discussion

Материали

Материали свързани с урока:
https://developer.mozi ... HTML/Element

Материали

Следва: Семантичен HTML(06:10)

Към урока →