What is the html pattern to allow numbers characters and dots in input field

Question

I have input field type is text.

What is the pattern to allow Numbers, characters and Dot(special character) to input field?

Answer 1

input[type="text"]:valid{
color:green;
}

input[type="text"]:invalid{
color:red;
}

<input type="text" pattern="^[a-zA-Z0-9\.]*$" value="test1234.">