Mandatory, Fields

Mandatory fields in the contact form 7

Is it only possible to generate a mandatory field in an input field with the attribute *.

I have these two fields in my contact form.

<div class="floating-label">
    [text* your-firstname id:your-firstname placeholder ""]
    <label for="your-firstname">Vorname*</label>
</div>m
 
<div class="floating-label">
    <input type="text" name="your-surname" id="your-surname"  class="required" placeholder=" " required />
    <label for="your-surname*">Nachname*</label>
</div>

Of course the first field is mandatory, but I have a floating animation that only works in the second field. That’s why I’m asking if there is another way to generate mandatory fields.

Thanks for your help