HTML5 - pattern won't work properly

I am making a pattern which needs the following,

8-10 string length

1 number,1 latin letter,1 special characters.

Here is my pattern

pattern="(?=.\d)(?=.[A-Za-z])(?=.[@#$%^&()_+]).{8,10}"

   <input type="password" placeholder="Password" pattern="(?=.*\d)(?=.*[A-Za-z])(?=.*[@#$%^&*()_+]).{8,10}" class="form__input" required title="One latin,One number,One Symbol" />

Why it won't work ?