How can I implement a form validation without using the form label?

[hellohejinyu]

I found that Chrome has problems rendering forms in certain layouts. So I decided to replace the form with a div.

I didn't find any relevant examples in the documentation.

I have achieved my goal through trigger and getValues ​​methods, but I am not sure if there are any potential problems. I am unfamiliar with react-hok-form, so I hope a professional developer can answer this question.

[Arshad1071]

Input type of this name is focusing on it, how can I name it like this without focusing and changing the name?

<input
id={user_members.${index}.relationship}
name={user_members.${index}.relationship}
className="block p-1 text-sm text-black resize-none md:w-40 w-full h-[30px] rounded-[5px] border border-[#7d7d87]"
placeholder=""
{...register(user_members.${index}.relationship)}
/>