當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > 表單中的密碼域password

表單中的密碼域password

2012/11/21 15:11:13作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

表單中的密碼域password

在表單中還有一種文本字段的形式——密碼域,輸入到其中的文字均以星號“*”或圓點(diǎn)“●”顯示。

【基本語法】

<input  name="密碼域的名稱"  type="password"  value="密碼域的默認(rèn)取值"  size"密碼域的長度"  maxlength"最多字符數(shù)"/>

【語法介紹】

在該語法中包含了很多參數(shù),它們的含義和取值方法不同,如表所示。

密碼域的參數(shù)值
屬性                描述
name           密碼域的名稱,用于和頁面中其他控件加以區(qū)別。名稱由英文、數(shù)字以及下畫線組成,有大小寫之分
type              指定插入哪種表單對象
value            用來定義密碼域的默認(rèn)值,以“*”或“●”顯示
size              確定密碼域在頁面中顯示的長度,以字符為單位
maXlength  設(shè)置密碼域中最多可以輸入的文字?jǐn)?shù)

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>密碼域</title> </head> <body> <table width="100%" cellspacing="0" cellpadding="0">   <tr>     <td><form action="mailto:weixiao@foxw.com" name="form1" method="post" enctype="application/x-www-form-urlencoded"target="_blank" >       <p>用戶名                          :           <input name="textfield" type="text" size="20" maxlength="15" />       </p>       <p>密碼:         <input name="textfield2" type="password" value="abcdef" size="25" maxlength="6" />       </p>     </form></td>   </tr> </table> </body> </html>

【代碼分析】

在代碼中,加粗的<input name="password"type="password"size="25"maxlength="6">標(biāo)記將密碼域的名稱設(shè)置為password,長度設(shè)置為25,最多字符數(shù)設(shè)置為6,在瀏覽器中瀏覽,效果如圖所示。當(dāng)在密碼域中輸入內(nèi)容時(shí)將以“●”顯示。

密碼域password運(yùn)行效果

 【素材及源碼下載】

請點(diǎn)擊:表單中的密碼域password 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: 表單  密碼域