表单-如果设置了占位符，则移动标签（js）

Question

我需要一些表格帮助。

我想要类似此网站的表格：

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

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

Here is my Demo: http://codepen.io/CRYP3/pen/WRvyxw

Answer 1

试试这个代码，我没有检查它，所以不知道这是否有效：

$(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类，该类实际上将移动标签。