html - 複数の type 属性を持つ HTML5 入力

Question

私たちのフォームソフトウェアはすべての要素を「type="text"」で出力しますが、「email」、「number」などの HTML5 の新しいタイプを利用したいと思います。

これらを最後に追加することはできますが、最終的には複数の型属性になります。

<input type="text" name="email" type="email">

要素に複数の 'type' 属性が存在する場合、どちらが使用されますか? 最初または最後? また、複数持つことは有効ですか？そうではないと思いますが、この状況を回避しようとしています...

score 6 · Accepted Answer

いいえ、それは無効な HTML になります。ブラウザが HTML5 に対応していない場合は、未知のものとして扱われるため、type="email"代わりに安全に使用できます。type="text"type attribute valuetext

そして、あなたがこのようなことを言うなら

<input type="text" type="email" />

ブラウザは尊重しませんtype="email"

テストケース

<!DOCTYPE html>
<form>
<input type="text" type="email" />
    <input type="submit" value="test" />
</form>

属性を削除type="text"すると、ブラウザが尊重しますtype="email"

1 に答える 1