سوال در مورد ساخت فرم

سلام بنده یک فرم میخوام بسازم با یک سری فیلد که شماره تلفن بگیره و وقتی شماره تلفن اول رو گرفت بره سراغ فیلد بعدی و من نخواد برم کلیک کنم روی فیلد بعدی برای وارد کردن شماره بعدی. و بعد از اینکه دکمه ارسال رو زدم به ایمیل مورد نظرم ارسال بشه نمونه ایی که میخوام در تصویر زیر هست ، ممنون میشم راهنمایی کنید.

کد

<p>شماره تلفن های ایران </p>
<form method="post" action="email.php">
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن1</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11"  type="text" name="LastName" ><span> :تلفن2</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11"  type="text" name="LastName" ><span> :تلفن2</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11"  type="text" name="LastName" ><span> :تلفن2</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11"  type="text" name="LastName" ><span> :تلفن2</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن3</span><br><br>
    <input class="js"  type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن4</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن5</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن6</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن7</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن8</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن9</span><br><br>
    <input class="js" type="tel"  min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن10</span><br><br>

    <input type="submit" value="ارسال">
</form>

شما با کد زیر می تونید بعد از پر شدن 11 کاراکتر در هر فیلد به صورت آتوماتیک فیلد بعدی رو فوکوس کنید: (یعنی خودش فوکوس میشه)

$('input').on('keyup', function(){

  var el = $(this);

  if ( el.val().length >= 11 ){
    el.nextAll('input').first().focus();
  }

})

نمونه عملی