Този урок е достъпен само в платената версия на курса.
Вземи достъп до всички уроци 💫 цена: 99лв.
Основи на уеб програмирането
Друг много важен аспект на 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>
Практиката е най-бързия начин да усвоиш знания трайно. Подготвил съм ти малка задача свързана с урока.
Материали свързани с урока:
→ https://developer.mozi ... HTML/Element