How to set up correct autocomplete forms?

Question

css

Hello.
In general, there is Landing. It has 2 feedback forms with the same styles. The problem is that when I want to fill out the second form using autofill, the first one is filled, and the second remains empty, how do I make the forms work correctly autofilling independently of each other.

<div class="form">
        <div class="form__field"><input  type="text" placeholder="Name"></div>
        <div class="form__field"><input  type="tel" placeholder="Phone"></div>
        <div class="form__field"><input  type="mail" placeholder="Email"></div>
        <a href="#" class="button">Consultation</a>
    </div>


<div class="form" >
    <div class="form__field"><input  type="text" placeholder="Name"></div>
    <div class="form__field"><input  type="tel" placeholder="Phone"></div>
    <div class="form__field">
    <textarea class="textarea" name="" placeholder="Message" id="" cols="30" rows="10"></textarea>
    </div>
    <a href="#" class="button">Write to us</a>
    </div>