問題タブ [required-field]

私は CodeMyUI.com を見回していて、このコードペンに出くわしました: http://codepen.io/anon/pen/aJQORQ。とてもクールなアニメーション形式ですが、頭に浮かばないことが 1 つあります。に変更<input type="text" required />すると<input type="text"/>、レイアウトが変更されます。私の知る限り、入力フィールドのレイアウトを変更することは想定されていない必須属性です。なぜこれが起こっているのか、誰かが何か考えを持っていますか?

両方のタブパネルのTabcontrolに多くの必須フィールドテキストボックスがあるという点で、ネットアプリケーション。

送信ボタンをクリックすると、現在のタブ テキスト ボックス コントロールのみがフォーカスされますが、現在のタブ パネル コントロールをすべて入力してから送信ボタンを押すと、空の次のタブ パネル テキスト ボックスにフォーカスしたい、

ただし、別のタブ パネルのテキスト ボックスにフォーカスすることはできません。

これに焦点を合わせる方法がわかりません。どなたか教えてください。

TAB 4 にいるときに、保存ボタンを押して、必要なテキスト ボックスにフォーカスします。

しかし、私は顧客の携帯電話番号を入力し、保存ボタンTAB 0を押して、必須フィールドのテキストボックスもいくつか持っていますが、フォーカスがありません..