js實現點擊顯示和隱藏密碼功能

新建一個html文件，定名為test.html ，用于實現點擊顯示和埋沒暗碼功能。

在test.html頁面，建立一個form表單，給form表單一個name屬性，用于下面獲得form表單對象。

在form表單中，建立一個input暗碼輸入框，而且界說它的name屬性為password。同時建立一個a鏈接“顯示暗碼”。兩個元素都利用span標簽包抄，而且給span標簽設置id屬性，用于下面在該id下更改元素顯示內容。

在a標簽中利用javascript，設置當點擊"顯示暗碼"時，執行ps()函數，實現顯示暗碼的功能。

在ps()函數內，利用DOM對象方式實現當點擊“顯示暗碼”時，把暗碼輸入框的password類型改為text類型，而且把獲得的暗碼顯示在輸入框里。同時，把“顯示暗碼”改為"埋沒暗碼"，執行的函數也改為txt()函數。代碼如下：

編寫txt()函數。txt()函數本家兒如果實現與ps()函數相反的功能，實現顯示暗碼后，再次埋沒暗碼。代碼如下：

在瀏覽器運行test.html文件，輸入暗碼，例如：123456，點擊“顯示暗碼”，現點擊“埋沒暗碼”，看是否實現了顯示和埋沒暗碼功能。

0 條評論