свойство максимальной длины для редактируемого div

У меня есть элемент html div в моем приложении следующим образом

<div id="DivId" contenteditable="true" style="border:1px solid black"></div>

Мне нужно ограничить количество символов, которое можно ввести в div. Как дать атрибут maxlength текстовому полю, как я могу это сделать? Это очень полезно, если я могу сделать это без использования javascript или jquery.


html contenteditable maxlength
person Sudha    schedule 19.02.2014    source источник
comment
AFAIK, вы не можете сделать это без JavaScript   -  person George    schedule 19.02.2014
comment
Вам нужно будет использовать JavaScript. Свойство maxlength недопустимо для элементов div.   -  person James Donnelly    schedule 19.02.2014

Ответы (1)


arrow_upward
-1
arrow_downward

Есть некоторые атрибуты CSS, такие как max-height или max-width, которые ограничивают ширину блочных элементов.

Таким образом, вы можете закодировать это следующим образом:

<div style='max-width:100px'>Content</div> <span style='max-width:100px; display:block;'>Content</span>

Но будьте осторожны, так как они не поддерживают должным образом IE6: перейдите по этому URL< /сильный> .

Но если вы имеете в виду только длину контента, мне жаль, что вы не можете сделать это в HTML. Для этого вам нужно использовать кусок javascript. Взгляните на JQuery, это действительно легко сделать.

person The Dark Knight    schedule 19.02.2014