How to use Objects In HTML
Another way to disable the resize grabber is by using JavaScript. This approach involves removing the resize grabber element from the <textarea> element using JavaScript code. However, this approach is more complex than the CSS approach and requires additional JavaScript code.
Example: In this example, we will see how to disable the resize grabber of textarea in an HTML document by using Javascript .
HTML
<!DOCTYPE html><html><body> <textarea id="myTextarea" rows="4" cols="50"> w3wiki </textarea> <script> var textarea = document.getElementById("myTextarea"); textarea.style.resize = "none"; </script></body></html> |
Output:
No Resizing Icon.
Conclusion: In conclusion, the resize grabber of <textarea> can be disabled using CSS or JavaScript. The CSS approach is simpler and recommended, while the JavaScript approach is more complex and requires additional code. Disabling the resize grabber can be useful in cases where the size of the input field should remain fixed, and the user should not be able to resize it.
How to disable the resize grabber of in HTML ?</h1></div>
You can use the resize property to specify whether a text area should be resizable or not. The <textarea> is an HTML tag used to create a multi-line input field. By default, <textarea> includes a resize grabber in the bottom right corner which allows users to resize the input field by dragging the grabber with the mouse.