html - 输入文字后，是否要在输入字段的顶部最小化标签？

我不知道如何在文本输入表单后将顶部的标签最小化。
有人能帮忙吗？
http://codepen.io/cassieevans/pen/Vjqdba

<form id="form">

    <fieldset>
        <input id="name" name="" type="text"/>
        <label for="name">NAME</label>
    </fieldset>

    <fieldset>
        <input id="email" name="" type="email"/>
        <label for="email">EMAIL</label>
    </fieldset>

    <fieldset>
        <textarea id="message" name="" type="text"></textarea>
        <label for="message">MESSAGE</label>
    </fieldset>

最佳答案

你的代码工作得很好。您刚刚忘记添加jquery。

$('input,textarea').on('blur', function(){
  if( !$(this).val() == "" ){
    $(this).next().addClass('stay');
  } else {
    $(this).next().removeClass('stay');
  }
});

另外，您应该将textarea添加到选择器中，这样它也可以在那里工作。

关于html - 输入文字后，是否要在输入字段的顶部最小化标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38899915/