How to restrict user to type 10 digit numbers in input element?

I want to create a input field for phone number. I am creating input field using JavaScript dynamically.

<input type="text" id="phone" name="phone">

How to restrict users to type only 10 digit numbers in order to get a phone number.