jquery如何改變input的type屬性

jquery改變input的type屬性的方法：1、建立一個html文件，並引入jQuery文件；2、在P標籤內用input標籤建立輸入框，並設定value預設值為abcdefg，input標籤的ID為tuiput；3、button標籤建立一個按鈕，並綁定onclick點擊事件；4、透過「$('#tuinput').attr('type' ,'password');」語法即可。

本教學作業系統：Windows10系統、jQuery3.6.0版本、Dell G3電腦。

jquery透過「attr()」方法改變input的type屬性：

1、新建一個html文件，命名為test.html，並在head中引入jQuery檔案

2、在html檔案內，在p標籤內，使用input標籤建立輸入框，並設定其value預設值為abcdefg

#3、在test.html檔案內，設定input標籤的id屬性值為tuinput，主要用於下面透過此id取得input物件

4、在test.html檔案內，使用button標籤建立一個按鈕，按鈕名稱為「改變input的type屬性」

5、在test. html檔案中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行editype（）函數

6、在js標籤中，建立editype()函數，在函數內，透過id(tuinput)取得input對象，使用attr()方法改變type屬性值為password

7、在瀏覽器開啟html文件，點選按鈕，查看實現的效果

以上是jquery如何改變input的type屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！