Question

我想为用户名创建一个文本框但是一旦他开始输入我就需要一个小图像，其中要求动态显示用户名。

谁能帮助我？

Answer 1

您可以在文本框上使用：focus伪类，以便在框具有焦点时添加样式。

但是，如果没有javascript，你就无法做到。

Answer 2

让我们说A1是你的文本框，X1是你的形象：

<script>
    function txtChange(){
        a1=document.getElementById(a1);
        x1=document.getElementById(x1);
        if(a1.value.length>0) {
           x1.style['display'] = true;
        }
    }
</script>


protected void Page_Load(object sender, EventArgs e)
{
    a1.Attributes["onchange"] = "txtChange()";
}

哦，我想如果你只是在他们专注（点击它）时想要它，而不是在他们添加文字时你可以将“onchange”更改为“onfocus”

Answer 3

根据图像的位置，您可以这样做：

HTML

<input class="my_textbox"><img src=""/>

然后，使用“：focus”和css兄弟选择器：

CSS

input.my_textbox + img {
  display:none;
}
input.my_textbox:focus + img {
  display:block;
}

带信息的文本框css

3 个答案: