まだinputに一々disabledかけている？

フォーム送信中にinput要素やbutton要素をdisableにしてデータが帰って来たら有効に戻すというのは多分よくやっていると思いますが、fieldset 要素一つで一括でdisabledにできる方法を最近知ったので、シェアしておきたいと思います。 普段👇 <div> <input disabled={loading} type="email" name="name" /> </div> <div> <input disabled={loading} type="password" name="password" /> </div> <div> <input disabled={loading} type="submit" value="submit" name="button" /> </div> <fieldset disabled={loading}> <div> <input

[masatomo-m]

煽りタイトルの割には「そもそも送信ボタン押した後にわざわざこの処理やる？」みたいな内容でフルスタックエンジニアさんがドヤ気味に書く意図はよく分からなかった（個別disabledでもJS使うならまとめて処理できるし

[knjname]

Reactやらでの話だと思うからタグやクラス名指定は求められてないと思う

[fashi]

form指定でもinput,buttonタグ指定でもclass指定でも一括でdisabledにできるのでfieldsetならではのメリットが見出せない / 自分はreact使ってないので、という枕言葉が必要だった模様

[strawberryhunter]

↓formにdisabledは適用できないよ。

[kvx]

fieldsetにはlegendを入れることがお勧めされているよ。必須というわけではないけど。

[KoshianX]

へえ、fieldset でまとめて disabled にできるのか

[nmcli]

lint 的に問題ないなら試してみるか

[field_combat]

へー

[hdampty7]

フルスタックだとフロントに割く時間がなくて、こうなっちゃうよねという記事。フルスタックとかいっても器用貧乏の代名詞でしかないという事がよく分かる。

[Helfard]

ボタン連打を防ぐための小細工ってことならサーバ側で対処すべきものでは。

[Dursan]

“fieldset disabled”

[kako-jun]

ユーザー権限が足りないとか、編集モード画面を閲覧モード画面にも使い回す時とかに、ボタン類をまとめて無効にするのに便利そう

[mayumayu_nimolove]

この清い記事の長さ好き