How to Remove Readonly Attribute From an Input Field on Focus

1 year ago admin Html

In this lesson, we will see how to remove the read-only attribute from the HTML input field on focus, as you know the read-only input field cannot be modified and in some cases, we want to remove the attribute when the input field is on focus.

Remove the read-only attribute

To do that, check the code below:

show or hide the code

                                                    
                                                                                                                <input type="email" id="email" name="email" class="form-control" readonly onfocus="this.removeAttribute('readonly');"/>

Related Tuorials

How to Change the Background Color of a Read Only Input Field

In this lesson, we will see how to change the background color of a read-only input field, as you kn...

How to Get an Input Value Inside a List in Jquery

In this lesson, we will see how to get an input value inside a list in jquery, some times when worki...

How to Use Bootstrap Tags input

In this lesson, we will see how to use Bootstrap tags input, as we know bootstrap 5 does not provide...

How to Create Three Dots Dropdown Menu in Bootstrap 5

In today's lesson, we will see how to create a three dots dropdown menu in Bootstrap 5, as we know b...

How to Make Bootstrap 5 Footer Fixed at the Bottom

In today's lesson, we will see how to make Bootstrap 5 footer fixed at the bottom of the page, somet...