表单 - 如果设置了占位符,则移动标签(js)

时间:2017-01-08 19:26:33

标签: javascript forms label placeholder translate

我的表格需要一些帮助。

我想要像这个网站一样的表格:

https://secure.mypass.de/sso/web-fullpage/login?service=https%3A%2F%2Flo.la.welt.de%2Fuser%2Fredirect%3FredirectUrl%3Dhttps%253A%252F%252Fwww.welt.de%252F%253Fwtrid%253Dcrossdevice.n24.desktop.directhome&wt_eid=2148165323200346732&wt_t=1483902148371

他们说,如果设置了占位符,标签应该移动。 有人可以帮我这个,我不知道我怎么做。

public class CustomListItem extends LinearLayout implements Checkable {
    public CustomListItem(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomListItem(Context context) {
        super(context);
    }

    private boolean checked = false;
    private TextView textView;

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        textView = (TextView) findViewById(R.id.listViewText);
    }

    @Override
    public void setChecked(boolean checked) {
        this.checked = checked;
        int color = checked ? R.color.colorAccent : R.color.appWhite;
        textView.setBackgroundColor(ContextCompat.getColor(getContext(), color));
    }

    @Override
    public boolean isChecked() {
        return checked;
   }

    @Override
    public void toggle() {
        setChecked(!checked);
    }
}

1 个答案:

答案 0 :(得分:0)

试试这段代码,我没有检查,所以不知道这是否有效:

$(function() {
    $("#username").focusin(function() {
        if($("#username").val().length < 1)
            $("#label").addClass("active");
    });
    $("#username").focusout(function() {
        if($("#username").val().length < 1)
            $("#label").removeClass("active");
    });
});

首先你需要为你的标签设置id,然后你需要一个实际移动标签的课程active