Складний рядок, уроки, webreference

Даний елемент форми призначений для створення області, в якій можна вводити кілька рядків тексту. В такому текстовому полі допустимо робити переноси рядків, вони зберігаються при відправці даних на сервер.

Синтаксис створення поля наступний.

між тегів і можна помістити будь-який текст, який буде відображатися всередині поля. Якщо тексту немає, то поле буде спочатку порожнім.

Допустимі атрибути перераховані в табл. 1.

Табл. 1. Атрибути </p> <p>Ім'я поля, призначене для того, щоб обробник форми міг його ідентифікувати.</p> <p>Блокує поле і не відправляє дані на сервер.</p> <p>Ідентифікатор форми для зв'язування поля з елементом <form> .</p> <p>Встановлює максимальне число символів, яке може бути введено користувачем в поле. Коли ця кількість досягається при наборі, подальше введення стає неможливим.</p> <p>Блокує поле для введення тексту.</p> <p>Поле отримує фокус після завантаження документа.</p> <p>Вказує, що поле є обов'язковим для заповнення.</p> <p>Додає підказку, яка зникає при введенні тексту.</p> <p>Ім'я змінної, яка відправляється на сервер і автоматично отримує значення ltr (для тексту зліва направо) або rtl (для тексту справа наліво).</p><p>Висота поля в рядках тексту.</p> <p>Значення soft передає на сервер текст одним рядком, а hard враховує значення cols і автоматично додає переноси.</p> <p>Ширина поля в символах.</p> <p>Створення поля для багаторядкового тексту показано в прикладі 1.</p> <p>Приклад 1. Текстове поле</p> <p>Результат прикладу показаний на рис. 1.</p> <p><div style="text-align:center;"><img src="https://images-on-off.com/images/188/mnogostrochniyteksturokiwebreference-0aa504db.png" title="Складний рядок, уроки, webreference (webreference)" alt="Складний рядок, уроки, webreference" /></div></p> <p>Мал. 1. Вид текстового поля за замовчуванням</p> <p>для <textarea> діють ті ж обмеження, що і для <input>. а саме:</p> <ul> <li><textarea> не можна вкладати всередину посилання <a> ;</li> <li><textarea> не можна вкладати всередину кнопки <button> ;</li> </ul> <p>В <textarea> допустимо вставити довільний текст і він відобразиться всередині текстового поля для редагування. При цьому враховуються всі прогалини, на відміну від звичайного HTML (приклад 2).</p> <p>Приклад 2. Текстове поле з текстом</p> <p>Результат даного прикладу показаний на рис. 2. Зверніть увагу, що враховуються всі прогалини і переноси рядків усередині <textarea> .</p> <p><div style="text-align:center;"><img src="https://images-on-off.com/images/188/mnogostrochniyteksturokiwebreference-b3e08ce8.png" title="Складний рядок, уроки, webreference (не можна вкладати всередину)" alt="Складний рядок, уроки, webreference" /></div></p> <p>Мал. 2. Поле з текстом</p> <p>Як правило, розміри <textarea> задаються за допомогою стилів, але якщо одночасно задані атрибути rows і cols з шириною і висотою через CSS, то стилі мають перевагу і значення атрибутів ігнорується.</p> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <p>Copyright © 2024<br></p> </footer> </div> </div></body> </html>