Comment créer des labels flottants sur les inputs Webflow ?

<div class="form-field">
  <label class="form-label">Email</label>
  <input type="email" class="form-input">
</div>

.form-field { position: relative; padding-top: 16px; }
.form-label {
  position: absolute;
  top: 28px;
  left: 12px;
  font-size: 16px;
  color: #9ca3af;
  transition: all 0.2s ease;
  pointer-events: none;
}
.form-field.is-filled .form-label,
.form-field:focus-within .form-label {
  top: 2px;
  font-size: 11px;
  color: #6b7280;
}

document.querySelectorAll('.form-field').forEach(function(field) {
  var input = field.querySelector('input, textarea');
  if (!input) return;
  function toggle() {
    field.classList.toggle('is-filled', input.value.length > 0);
  }
  input.addEventListener('input', toggle);
  input.addEventListener('blur', toggle);
  toggle();
});