Làm cách nào để vô hiệu hóa 'textarea' trong HTML ? How to disable 'textarea' in HTML?

Như các bạn đã biết <<textarea> là một thẻ dùng để tao một khu vực nhập liệu rông và có nhiều dòng, nó rất hữu ích trong rất nhiều trường hợp hiển thị văn bản, tuy nhiên trong một vài trường hợp ta muốn hiển thị văn bản trong khu vực <textarea> này nhưng không muốn người dùng có thể thao trên nó, ví dư thêm, xóa, sửa, chọn(select), v.v.v... mà chỉ muốn hiển thị nó ra cho người dùng thấy thôi, vậy ta phải làm như thế nào?

Để giải quyết vấn này thật ra cũng khá đơn giản vì trên thẻ <textarea> cung cấp một thuộc tích dùng để disable thẻ này là disabled="disabled" bạn chỉ thêm thuộc tính này vào thẻ tương tự như ví dụ bên dưới là được:

<textarea id="data-export" rows="4" cols="50" disabled="disabled"></textarea>

Bạn xem demo bên dưới để có thể cảm nhận được thực tế hơn :))





No comments:

Post a Comment