Firefoxで必須の属性が機能しない

という属性をHTML内でinputというタグで試してみました。ユーザーが空の値を入力すると、ブラウザに警告Please fills out this fieldが表示されます。Firefoxで必須の属性が機能しない

Chromeブラウザでうまく動作しますが、Firefox（バージョン53.0）を使用するとすぐにポップアップが消えてしまうようです。ここに私のテストコードがあります：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Testing</title> 
    </head> 
    <body> 
     <form> 
      <input type="text" required /> 
      <button type="submit">Submit</button> 
     </form> 
    </body> 
</html>

あなたはそれを修正する方法を知っていますか？そして、修正できない場合、なぜFirefoxがそれをやっているのか説明できますか？

更新1：WindowsのFirefoxで動作します。しかし、UbuntuのFirefoxではまだ動作しません（16.04）。

出典

2017-05-09 Dealig29

try = "必須" –

私にはうまくいくようです（Firefox 53）。しかし、FirefoxはChromeとOperaで表示されるポップアップの代わりに赤いハロー（ 'box-shadow'で実装されています）を表示していることに注意してください。あなたのスタイルシートに 'box-shadow'をオーバーライドした可能性があります。 – Simone

も私にとってうまくいきます。 – Lucky

-1

私は、Firefox（53.0.2）で正常にあなたのコードの仕事を持っていますが、これを試してみてください可能性：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Testing</title> 
    </head> 
    <body> 
     <form> 
      <input type="text" name="somename" required> 
      <button type="submit">Submit</button> 
     </form> 
    </body> 
</html>

私は2つの変更を行わ：HTMLで

を、タグには終わりがありませんタグではなくXHTMLで表示されます。
いくつかの依存関係の可能性があるため、name属性を追加してください。

出典

2017-05-09 11:15:13 DjezzzL

なぜname属性を追加すると 'required'の振る舞いが変わるべきだと思いますか？ – Justinas

@Justinas 私は、この場合は「必要な」ものではないと考えました。だから私は2つの変更を加えました： 1）HTMLでは、タグは終了タグを持っていませんが、XHTMLです。 2）可能性のある依存関係があるため、name属性を追加してください。 – DjezzzL

あなたのお手伝いをありがとう。それでもまだ動作しません。問題はブラウザにあると思う。 – Dealig29

Firefoxで必須の属性が機能しない

答えて

関連する問題