如何使用JavaScript创建文本框掩码?

时间:2010-09-01 08:30:49

标签: javascript asp.net

我是JavaScript新手。我想在我自己的页面中添加与此网页的文本字段中给出的效果相同的效果......任何人都可以帮助我了解如何操作或从何处学习。

我希望我的文本字段显示必须在那里写的内容但是一旦我在其中写东西它就会改变..

另一件事是当我点击一个文本框时会出现一个小的弹出框,它描述了写入内容的内容和方式......比如密码应该是字母数字......或超过6个字符长等。

4 个答案:

答案 0 :(得分:2)

如果你想以一种易于理解的方式做到这一点(你应该这样做):

如果JS可用,请将透明输入放在容器内的标签上,并根据其值切换输入的透明度在文档加载时和每当焦点进入时离开元素。

我制作了a minimal example

至于问题的第二部分。这非常相似。只需在输入旁边放置另一个标签,并在焦点进入或离开时切换其可见性,忽略输入的值。我不打算这样做,提前通知要求很好!

答案 1 :(得分:0)

看看jquery:

$('#textarea').onKeyup(
    function(){
        $('div#mydiv').innerHTML( $(this).val() );
    }
);

这是一个开始。 :)

答案 2 :(得分:0)

您可能需要查看WMD降价编辑器:

http://wmd-editor.com/

这正是你正在寻找的。

答案 3 :(得分:0)

HTML输入字段

<input type="text" name="name" id="name" value="" />

<强>的Javascript

function hint () {
  var elem = document.getElementById('name'); // get element

  elem.value = "Enter Name"; // fill element with value

  elem.onfocus = function () {   // if the user focuses 
    if (elem.value === "Enter Name") {  // if there is default text 
        elem.value = ""; // clear it
    }
  }

  elem.onblur = function () { // if user removes focus on field
    if (elem.value === "") {   // if the field is empty 
        elem.value= "Enter Name"; // fill in a default value
    }  
  } 
}

window.onload = hint;  // call the function when the page has loaded