Hướng dẫn how do i change input type in javascript? - làm cách nào để thay đổi kiểu nhập trong javascript?

Mục đích của bài viết này là thay đổi loại HTML. JavaScript cung cấp tài liệu.getEuityById (). Loại tùy chọn để thay đổi loại trường đầu vào.

Syntax:

• Loại đầu vào đã chọn sẽ thay đổi thành văn bản .________ 0
• Loại đầu vào đã chọn sẽ thay đổi thành nút .________ 1
• Loại đầu vào đã chọn sẽ thay đổi thành ngày .________ 2

Example:

HTML

<

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="date"; 

document.getElementById("id_of_tag_to_be_changed").type="button";

document.getElementById("id_of_tag_to_be_changed").type="button";

Output:

Nhập vào văn bản

Lưu ý: Một số trình duyệt cũ không cho phép thay đổi động trong loại trường đầu vào.Some Old Browsers do not allow a dynamic change in the type of input fields.

Đây là những gì tôi có cho của tôi.

Về cơ bản, bạn đang sử dụng các lệnh onf Focus và Onblur trong thẻ để kích hoạt mã JavaScript thích hợp. Nó có thể đơn giản như:

Một phiên bản phát triển của chức năng cơ bản này kiểm tra và chuỗi trống và trả lại mật khẩu nhập trở lại "Mật khẩu" ban đầu trong trường hợp hộp văn bản NULL:

HTML trông như thế nào:

Bạn có thể thay đổi một loại phần tử đầu vào, từ văn bản sang mật khẩu hoặc ẩn sang văn bản chẳng hạn, sử dụng linh hoạt bằng JavaScript.

Có một vài lý do tại sao người ta có thể cần thay đổi loại phần tử đầu vào một cách linh hoạt:

• Để có hộp mật khẩu ban đầu hiển thị ‘gõ mật khẩu tại đây, nhưng chuyển đổi thành phần tử mật khẩu sau khi tập trung.
• Để hiển thị trường biểu mẫu ẩn có thể nhìn thấy bằng cách chuyển đổi nó thành phần tử văn bản hoặc ngược lại.
• Cho phép người dùng chỉ nhập một giá trị một lần bằng cách chuyển đổi phần tử thành ẩn sau khi văn bản đã được nhập

Nếu bạn đang thiết kế một trang web chỉ nhằm chạy trên Mozilla, Safari hoặc Trình duyệt Explorer không nội tâm khác, mã sau là đủ để sửa đổi loại nguyên tố đầu vào:

Tuy nhiên, hầu hết chúng ta thấy cần phải nộp đơn yêu cầu của Internet Explorer. & NBSP; Để đáp ứng những nhu cầu này, chúng ta phải:

• tự động tạo một phần tử mới
• sao chép các thuộc tính của phần tử cũ vào phần tử mới
• Đặt loại phần tử mới thành loại mới
• sau đó thay thế phần tử cũ bằng phần tử mới

Chức năng dưới đây hoàn thành các nhiệm vụ trên cho bạn:

Làm thế nào để bạn thay đổi loại trường đầu vào?

Làm cách nào để thay đổi loại đầu vào động?

Làm cách nào để thay đổi kiểu thẻ đầu vào?

Làm thế nào để bạn thay đổi một yếu tố trong javascript?