Как можно реализовать такой функционал с формой?

а вариант "А" не подойдет , "формы в форме" ....

у меня щас как раз одна большая (резервационная) форма , хоть и сделать вариант Б, то значения внутри табов все ровно отправляется , хоть задай селектам disabled ....

а вариант "А" не подойдет , "формы в форме" ....

Зачем Вам формы в форме? Каждая форма может быть расположена отдельно, внутри таба, если нет каких-то серьёзных ошибок в вёрстке.

<form>

    <input type="text'>
    <input type="text'>
    <input type="text'>

    <tab-content>
        <select></select>
        <select></select>
        <select></select>
   </tab-content>

    <tab-content>
        <select></select>
        <select></select>
        <select></select>
    </tab-content>

    <button type="submit"></button>
</form>

я имел ввиду как получится, если делать вариант А :)

<tab-content>
    <form>
        <select></select>
        <submit />
    </form>
</tab-content>

<tab-content>
    <form>
        <select></select>
        <submit />
    </form>
</tab-content>