Floating label for select element

[frdemoulin]

Hello,

Is there any possibility to activate a floating label with a select or textarea element? I don't see it in the Flowbite documentation.

Regards,
Fred

[martionusyongki]

<div class="relative z-0 w-full mb-5 group">
	<textarea
	  title="input note here"
	  type="text"
	  rows="1"
	  class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer"
	  placeholder=" "
	></textarea>

	<label
	  for="note"
	  class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
	  >Note <span class="text-red-600">*</span></label
	>
</div>

[frdemoulin]

Thanks! And for a select element?

[martionusyongki]

change the textarea tag to a select tag, and add options in the select tag