表单 - 如果设置了占位符移动标签（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，然后您需要 class active，这将实际移动标签。

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

Form - If placeholder is set move Label (js)

javascript

forms

label

placeholder

translate