密碼文本框可以說是一種特殊的文本框，它和普通文本框的屬性都相同。密碼文本框與普通文本框不同的是，普通文本框輸入的字符可見，而密碼文本框輸入的字符不可見，這個設置主要是為了防止周圍的人看到自己的密碼。最典型的的就是我們平常用的QQ登錄了。
語法：
<input type="password"/>
舉例1：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
賬號：<input type="text"/><br/>
密碼：<input type="password"/>
</form>
</body>
</html>
在浏覽器預覽效果如下：
密碼文本框跟普通文本框屬性類型一樣。密碼文本框同樣有以下幾個屬性可以設置：
屬性的設置沒有先後順序。input還有一個name屬性，在XHTML中，我們已經摒棄這個屬性了。因為只需要掌握以上3個就行了。
語法：
<input type="password" value="默認文字" size="文本框長度" maxlength="最多輸入字符數"/>
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
賬號：<input type="text" size="15" maxlength="10"/><br/>
密碼：<input type="password" size="15" maxlength="10"/>
</form>
</body>
</html>
在浏覽器預覽效果如下：
：外觀上，跟舉例1的預覽效果差不多，不過文本框的長度和可輸入字符數已經改變了。
密碼文本框password僅僅使周圍的人看不見輸入的文本，但是它並不能真正使得數據安全。為了數據安全，需要在浏覽器和服務器之間建立一個安全鏈接。這個就不是前端能夠解決得了的事情了。