Отключить изменение размера текстового поля

Я пытаюсь отключить изменение размера текстового поля на своем сайте; прямо сейчас я использую этот метод:

.textarea {
    clear:left;
    min-width: 267px;
    max-width: 267px;
    min-height:150px;
    max-height:150px;
}

Я знаю, что мой метод неверен, и я ищу лучший в JavaScript. Я новичок, поэтому лучшим решением для меня будет HTML5 или jQuery.

Попробуйте этот CSS, чтобы отключить изменение размера

CSS для отключения изменения размера всех текстовых полей выглядит так:

textarea {
    resize: none;
}

Вместо этого вы можете просто назначить его одному текстовому полю по имени (где HTML текстового поля):

textarea[name=foo] {
    resize: none;
}

Или по идентификатору (где HTML текстового поля):

#foo {
    resize: none;
}

Взято с: http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

это сделает вашу работу

  textarea{
        resize:none;
    }

CSS3 может решить эту проблему. К сожалению, в настоящее время он поддерживается только 60% используемых браузеров .

Для IE и iOS вы не можете отключить изменение размера, но вы можете ограничить textareaразмер, установив его widthи height.

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

См. Демонстрацию

Это легко сделать, просто используя атрибут html draggable

<textarea name="mytextarea" draggable="false"></textarea>

Значение по умолчанию - истина.

Всего одна дополнительная опция, если вы хотите вернуть поведение по умолчанию для всех текстовых полей в приложении, вы можете добавить в свой CSS следующее:

textarea:not([resize="true"]) {
  resize: none !important;
}

И сделайте следующее, чтобы разрешить изменение размера в любом месте:

<textarea resize="true"></textarea>

Имейте в виду, что это решение может работать не во всех поддерживаемых вами браузерах. Вы можете проверить список поддержки resizeздесь: http://caniuse.com/#feat=css-resize

Что касается вопроса, я перечислил ответы в javascript

Выбрав TagName

document.getElementsByTagName('textarea')[0].style.resize = "none";

Выбрав Id

document.getElementById('textArea').style.resize = "none";

//CSS:
.textarea {
    resize: none;
    min-width: //-> Integer number of pixels
    min-height: //-> Integer number of pixels
    max-width: //-> min-width
    max-height: //-> min-height
}

приведенный выше код работает в большинстве браузеров

//HTML:
<textarea id='textarea' draggable='false'></textarea>

сделайте и то, и другое, чтобы он работал в максимальном количестве браузеров

Это работает для меня

<textarea
  type='text'
  style="resize: none"
>
Some text
</textarea>