Как сделать фиксированные размеры textarea

@Святогор · Регистрация: 27.06.2016

Author24 — интернет-сервис помощи студентам

В общем требуется ввести текст с точными размерами а именно 50 символов в ширину и 8 строк в высоту.

Проблема в том что при всех ухищрениях удаётся зафиксировать размер поля но оно скролируется тем самым
даёт возможность вводить более 8 строк. Скролирование нельзя убрать ,можно только убрать полосу прокрутки.
Но текст более 8 строк просто не видим но всеравно печатается.

HTML5

<!DOCTYPE HTML>
<html>
 
<head>
  <!-- Тег meta для указания кодировки -->
  
</head>
 
<body>
   
  <textarea max-height="8" wrap="off" cols="50" rows="8" overflow="auto" resize="none" maxlength="400">Это вшивый текст</textarea maxlength="400">
</body>
 
</html

Что же делать?

Само по себе странно что нет очевидных атрибутов для такого ограничения.
Предроложим заполняется какая-то форма документа где фиксированное количество символов с точным расположением.
Я думаю это совсем не редкая задача, тем не менее перерыл 20 гайдов и кучу справочников и нигде не описана такая возможность.

@klopp · 01.08.2019, 03:37

Святогор, у меня все эти атрибуты (cols, rows, maxlength) срабатывают как и должны, ничего такого

Сообщение от Святогор

Скролирование нельзя убрать ,можно только убрать полосу прокрутки.
Но текст более 8 строк просто не видим но всеравно печатается.

не наблюдается

@Святогор · 01.08.2019, 22:01 **[ТС]**

Ничего подобного. Может команды и работают так как "должны" но то что мне нужно не наблюдается.
После того как 8 раз нажимаешь на ввод появляется девятая и последующие строки и полоса прокрутки. А мне нужно чтобы было строго 8 строк а не 9 и не 10 и никакого скролирования.

@klopp · 02.08.2019, 04:03

Святогор, вообще-то да, вы правы, скролл появляется если жать Enter и maxlength не превышена.
Получается что rows определяет количество видимых строк.
можно так подкостылить к примеру

Javascript

let ta = document.querySelector('textarea');
let x = 0;
let foo = (e) => {
    if(e.code == 'Enter') x++;
    if(x == ta.getAttribute('rows'))
        ta.setAttribute('readonly', true);
}
ta.addEventListener('keydown', foo);

но надо в обработчик кнопки "печать" добавить строку

Javascript

1	ta.removeAttribute('readonly');

чтобы пользователь мог дальше пользоваться этой textarea

@Святогор · 03.08.2019, 16:50 **[ТС]**

Пичалька не правда ли? HTML сейчас ни какой-нибудь а аж 5 версии! Там все летает всё круто. А тупо сделать форму для фиксированных размеров текста почему то нельзя без костылей. забыли. было много дел.

@klopp · 03.08.2019, 18:21

Святогор, а что вы собрались вводить таким образом?

@Святогор · 04.08.2019, 00:23 **[ТС]**

klopp, У меня есть весы которые печатают на этикетке текст размером строго 8 строк по 50 символов.
Чтобы удобно было визуально редактировать его мне нужна такая форма.

Сначала я хотел сделать такую форму в ексел. Не вышло. Нет там такой возможности.
Потом в ворде. Точно такая же картина, хотя удалось сделать не растягиваемую таблицу но шрифты не моноширинные и
в итоге полная хрень.

Надеялся сделать это на хтмл. Была идея даже использовать возможности жаваскрипт для заливки текста через com порт.
Казалось бы размер text area имеет размер в символах это то что нужно но нифига.
Увидев "костыли" призадумался. Может использовать борланд с++ билдер, или вижуалстудио вдруг там среди компонентов виндовс найдётся форма с нужными мне свойствами.

По сути дела очень странно что в хтмл это вызывает проблемы. А если к примеру квинтанция жкх в онлайне? Или ещё какая-то форма неужели нет нормального способа сделать фиксированный текс? Довольно странно...

@klopp · 04.08.2019, 03:24

Сообщение от Святогор

визуально редактировать

1.может сделать форму из 8 input и каждому назначить maxlength="50"?и тогда не будет никаких скроллов
у input-ов можно убрать border чтоб визуально не напрягало
2.попробуйте редактируемый div может подойдет <div contenteditable="true">. Внутри него можно создать , например, список и его редактировать .

@Святогор · 09.08.2019, 07:17 **[ТС]**

Оказалось что в интернет эксплорере text area с фиксированной шириной ещё и не соответствует размеру.
Ставишь 50 а по факту там 54.
Я в шоке.

@klopp 566 / 465 / 183 Регистрация: 14.10.2017 Сообщений: 1,259
	01.08.2019, 03:37	2
	Святогор, у меня все эти атрибуты (cols, rows, maxlength) срабатывают как и должны, ничего такого Сообщение от Святогор Скролирование нельзя убрать ,можно только убрать полосу прокрутки. Но текст более 8 строк просто не видим но всеравно печатается. не наблюдается 0

@Святогор 16 / 17 / 4 Регистрация: 27.06.2016 Сообщений: 236
	01.08.2019, 22:01 [ТС]	3
	Ничего подобного. Может команды и работают так как "должны" но то что мне нужно не наблюдается. После того как 8 раз нажимаешь на ввод появляется девятая и последующие строки и полоса прокрутки. А мне нужно чтобы было строго 8 строк а не 9 и не 10 и никакого скролирования. 0

@Святогор 16 / 17 / 4 Регистрация: 27.06.2016 Сообщений: 236
	03.08.2019, 16:50 [ТС]	5
	Пичалька не правда ли? HTML сейчас ни какой-нибудь а аж 5 версии! Там все летает всё круто. А тупо сделать форму для фиксированных размеров текста почему то нельзя без костылей. забыли. было много дел. 0

@klopp 566 / 465 / 183 Регистрация: 14.10.2017 Сообщений: 1,259
	03.08.2019, 18:21	6
	Святогор, а что вы собрались вводить таким образом? 0

@Святогор 16 / 17 / 4 Регистрация: 27.06.2016 Сообщений: 236
	04.08.2019, 00:23 [ТС]	7
	klopp, У меня есть весы которые печатают на этикетке текст размером строго 8 строк по 50 символов. Чтобы удобно было визуально редактировать его мне нужна такая форма. Сначала я хотел сделать такую форму в ексел. Не вышло. Нет там такой возможности. Потом в ворде. Точно такая же картина, хотя удалось сделать не растягиваемую таблицу но шрифты не моноширинные и в итоге полная хрень. Надеялся сделать это на хтмл. Была идея даже использовать возможности жаваскрипт для заливки текста через com порт. Казалось бы размер text area имеет размер в символах это то что нужно но нифига. Увидев "костыли" призадумался. Может использовать борланд с++ билдер, или вижуалстудио вдруг там среди компонентов виндовс найдётся форма с нужными мне свойствами. По сути дела очень странно что в хтмл это вызывает проблемы. А если к примеру квинтанция жкх в онлайне? Или ещё какая-то форма неужели нет нормального способа сделать фиксированный текс? Довольно странно... 0

@klopp 566 / 465 / 183 Регистрация: 14.10.2017 Сообщений: 1,259
	04.08.2019, 03:24	8
	Сообщение от Святогор визуально редактировать 1.может сделать форму из 8 input и каждому назначить maxlength="50"?и тогда не будет никаких скроллов у input-ов можно убрать border чтоб визуально не напрягало 2.попробуйте редактируемый div может подойдет <div contenteditable="true">. Внутри него можно создать , например, список и его редактировать . 0

@Святогор 16 / 17 / 4 Регистрация: 27.06.2016 Сообщений: 236
	09.08.2019, 07:17 [ТС]	9
	Оказалось что в интернет эксплорере text area с фиксированной шириной ещё и не соответствует размеру. Ставишь 50 а по факту там 54. Я в шоке. 0