html语言怎样设置密码类型,html – 在使用contenteditable div时模仿密码类型输入

你必须找到mozilla和co的浏览器特定的CSS设置..但在webkit中它看起来像这样.你还需要通过javascript添加keypress处理程序.

#password {

-webkit-text-security: disc;

height:20px; width:100px;

-webkit-appearance: textfield;

padding: 1px;

background-color: white;

border: 2px inset;

-webkit-user-select: text;

cursor: auto;

}

yourpassword

//you could use javascript to do nice stuff

var fakepassw=document.getElementById('password');

//fakepassw.contentEditable="true";

fakepassw.addEventListener('focus',function(e){ /*yourcode*/ },false);

fakepassw.addEventListener('keyup',function(e){ console.log(e.keyCode) },false);

但无论如何,密码字段只是元素与element.innerHTML =“yourpassword”和element.innerText =“•••••••”的组合元素.

您也可以使用javascript执行此操作并使用“•”填充innerText