Я использую много текстовых полей на своем веб-сайте, но они не доступны только для чтения, и для добавления атрибута readonly
потребуется много времени. Есть ли другой способ сделать их доступными только для чтения?Как сделать все текстовые поля на веб-сайте «readonly»
ответ
Вы можете просто поставить Fieldset вокруг всех прокручиваемым элементов и отключить Fieldset:
var myFieldset = document.getElementById("fieldset");
disableAll.onclick = function() { myFieldset.disabled = true; }
enableAll.onclick = function() { myFieldset.disabled = false; }
<button id="disableAll">Disable all</button>
<button id="enableAll">Enable all</button>
<form>
<fieldset id="fieldset">
<div>
<input type="text" value="sample text"/>
</div>
<div><textarea>your textarea</textarea></div>
<div><input type="button" value="a button"/></div>
</fieldset>
</form>
Использование JQuery вы могли бы использовать что-то вроде:
$('input[type=text], textarea').attr('readonly', true);
вы can * используйте JavaScript, чтобы выбрать все textarea
s на странице a nd через коллекцию, установив для атрибута readonly
значение true
.
/** ES6 VERSION **/
{
let textareas=document.getElementsByTagName("textarea"),
x=textareas.length;
while(x--)
textareas[x].readOnly=1;
}
/** ES5 VERSION
(function(){
var textareas=document.getElementsByTagName("textarea"),
x=textareas.length;
while(x--)
textareas[x].readOnly=1;
})();
**/
<textarea></textarea>
<textarea></textarea>
<textarea></textarea>
*
Я говорю мог, потому что все кто-то должен сделать, это отключить JavaScript в браузере, чтобы обойти это. Лучшим решением было бы «вручную» установить в вашем коде атрибут readonly
каждого textarea
, хотя любой, кто действительно хочет обойти это, все равно может сделать это через своего браузера. консоль.
Согласен. Если целью является предотвращение изменения данных при подаче, лучшим решением будет обращение с ним на стороне сервера. – hungerstar
Действительно. Я чувствовал, что это выходит за рамки вопроса. Но не стесняйтесь редактировать его, если считаете, что он должен быть включен. – Shaggy
С VanillaJS вы могли бы использовать этот код:
var list = document.getElementsByTagName("textarea");
for (var i = 0; i < list.length; i++) {
list[i].readOnly = true;
}
С JQuery:
$('textarea').attr('readonly', true);
- 1. Сделать все текстовые поля ВЕРХНИЙ
- 2. Сделать все поля формы readonly в MVC
- 3. Как настроить Readonly на кнопки и текстовые поля динамически?
- 4. В файле Request.Form отсутствуют текстовые поля Readonly
- 5. Сделать поля readonly unclickable
- 6. Как отключить все текстовые поля tinyMCE?
- 7. Как выбрать все текстовые поля на FormPanel?
- 8. Сделать поля readonly в угловом
- 9. Как сделать поля readonly при обновлении
- 10. WPF: Обрезать все текстовые поля
- 11. UITextField делегат отвечает на все текстовые поля
- 12. Удалить все текстовые поля на стороне клиента
- 13. Получить все текстовые поля на странице
- 14. __doPostBack очищает все текстовые поля
- 15. Как перевести все текстовые поля для проверки
- 16. Как перебрать все текстовые поля на текущей странице
- 17. Как сделать текстовые поля вернее пустым
- 18. Установите все поля PDF в ReadOnly
- 19. Как отключить все входы и текстовые поля после отправки формы?
- 20. Сделать поля readonly, если не текущий пользователь
- 21. Как проверить все текстовые поля на странице с помощью jQuery?
- 22. Невозможно написать все текстовые поля в цикле
- 23. Как сделать CachedRowSetImpl readonly
- 24. Resharper меняет поля на readonly
- 25. Почему все текстовые поля не будут выбраны?
- 26. Добавить обязательный атрибут во все текстовые поля
- 27. Как сделать checkbox readonly
- 28. Как сделать NumericUpDown ReadOnly
- 29. resignFirstResponder только если заполнены все текстовые поля
- 30. Сделать поля jsp readonly на основе создания документа
вы пробовали что-то ?? Если да, отправьте свое усилие. –
В чем смысл наличия '
Вам нужно использовать textarea? Они, как правило, больше предназначены для форм. – Blakey