是否有一个已知的方法有一个文本区与密码类型

Question

所以我目前试图获得一个文本区与密码类型(实际上像一个输入)。

我试着创建我自己的字体(只有黑点)，但它有点困难…

我尝试了一些Jquery，但也没有结论。

谢谢你的帮助。

Answer 1

您可以使用CSS来模糊文本。

style="color: transparent;text-shadow: 0 0 8px rgba(0,0,0,0.5);"

Answer 2

这个帖子:如何使Textarea充当密码字段

提到使用keydown事件将框中的内容替换为您想要的任何内容。当然，您需要同时将输入的文本存储在某个javascript变量中。

Answer 3

希望你能从

http://jsfiddle.net/X37Wz/6/

<textarea rows="10" cols="30" id="field"  onKeyPress="handleTyping(event)">
</textarea>
<textarea rows="10" cols="30" id="hiddenfield"  style="display:none">
</textarea>

function handleTyping(e){
    setTimeout(function(){handleTypingDelayed(e)},500);
}
function handleTypingDelayed(e){
    var text = document.getElementById('hiddenfield').value;
    var stars = document.getElementById('hiddenfield').value.length;
    unicode = eval(unicode);
    var unicode=e.keyCode? e.keyCode : e.charCode;
    if ( (unicode >=65 && unicode <=90) 
            || (unicode >=97 && unicode <=122) 
                || (unicode >=48 && unicode <=57) ){
        text = text+String.fromCharCode(unicode);    
        stars += 1;
    }else{
        stars -= 1;
    }
    document.getElementById('hiddenfield').value = text;
    document.getElementById('field').value = generateStars(stars);
}
function generateStars(n){
    var stars = '';
    for (var i=0; i<n;i++){
        stars += '.';
    }
    return stars;
}