Как сделать Textarea с фоном :)

Слово из заголовка обозначает просто область для ввода текста, такую, как внизу страницы этой статьи или в вашем "Блокноте".

Ещё 15 лет назад она была открытым окном в мир, позволяющим людям чудо свободного общения.

Но количество, как это всегда бывает, переросло в радикальное снижение качества, а тотальная слежка за пользователями и цензура превратили textarea в нечто совсем иное.

Теперь любая из них - это глазок надзора в вашей тюремной камере, зарешёченное окно, напоминающее о том, что за свободу полагается административная и уголовная ответственность, дверь для отвратительного тролля, следящего за вами из своей пещеры.

Соответственно, оформлять их неплохо в соответствующей стилистике, чего в простейшем случае легко добиться с помощью CSS-указания, например:

<style>
.crossedtext {
  background: url(cross.gif) center center repeat;
  border: 1px solid #888;
}
</style>
<textarea class="crossedtext" 
 placeholder="Лучше ничего не печатайте здесь!" cols="78" rows="10"></textarea>

Вот что получилось:

рисунок cross.gif

Фоновый рисунок тоже с прозрачным фоном, поэтому если у страницы есть другое оформление, оно будет видно через решётку.

Разумеется, можно сделать фон и более выразительным, если хочется.

рисунок cross.gif - другая версия

09.07.2020, 13:45 [1453 просмотра]