html - Input cursor that is blinking

Question

i am having trouble with making the input cursor to blink. How do you make an animation that the cursor "|" inside the input field (placeholder) keeps blinking. The code that i have is this:

<input type="text" class="rq-form-element" placeholder="|"/>

I have no idea on how to get this even started. Any suggestions?

Answer 1

Just add autofocus attribute. See the link here

<input type="text" class="rq-form-element" autofocus/>

The autofocus attribute is a boolean attribute. When present, it specifies that an element should automatically get focus when the page loads.