Revision history [back]

To utilize the FloatingField attribute with an email input in Django crispy forms with Bootstrap 5, you can use the following code snippet:

from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout, FloatingField
from django import forms

class MyForm(forms.Form):
    email = forms.EmailField()

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.layout = Layout(
            FloatingField('email', placeholder="Email")
        )

In the above code, we are importing the required modules and defining our form class with an email input. Then, in the form's __init__ method, we are initializing the form helper and setting the layout to include a FloatingField element for the email input with a placeholder text of "Email".

You can further customize the FloatingField element by specifying additional parameters such as css_class, col_class, wrapper_class, etc.

Note: Django crispy forms with Bootstrap 5 requires the installation of the django-crispy-bootstrap5 package.