Посмотрите видео о процессе написания маски и о том, почему её нужно использовать.
<html>
<head>
<script src="phoneinput.js"></script>
</head>
<body>
<input type="tel" data-tel-input placeholder="Phone" maxlength="18" />
</body>
</html>JS код в phoneinput.js найдёт все элементы input с data-tel-input атрибутом и обработает их.