input برای دریافت کد تایید

@mahdimehrabi17
سلام وقت تون بخیر

خیلی ساده هستش، این خطوطی که می بینید هر کدوم شون یک ورودی (input) هستند که خصوصیت border شون مقدار صفر گرفته، سپس فقط یک مقدار برای border-bottom داره.
6 تا ازین ها رو بزارید کنار هم، میشه همین شکلی که عکسش رو قرار دادید.

مثلا اینطوری:

input.login-token {
    width: 30px;
    border: 0;
    border-bottom: 1px solid #9095a7;
    margin: 0 4px;
    text-align: center;
}

@mahdimehrabi17

یکسری کتابخانه وجود داره به نام input mask که با اونا میشه ساخت