必需屬性在Firefox上不起作用

我試過標記的required屬性。當用戶輸入空值時，瀏覽器應彈出警告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（16.04）的Firefox上仍然不起作用。

來源

2017-05-09 Dealig29

嘗試required =「required」 –

看來我工作（火狐53）。不過，請注意，Firefox只顯示一個紅色的暈（用「box-shadow」實現），而不是Chrome和Opera顯示的彈出窗口。您可能會在您的樣式表中重寫「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>

我做了兩個變化：

在HTML中，標籤沒有結束標記，但在XHTML中。
由於某些可能的依賴關係，添加名稱屬性。

來源

2017-05-09 11:15:13 DjezzzL

爲什麼你認爲添加name屬性會改變'required'的行爲？ – Justinas

@Justinas 我認爲這可能不是'required'本身。所以我做了兩個更改： 1）在HTML中，標記沒有結束標記，但是在XHTML中。 2）添加名稱屬性，因爲有一些可能的依賴關係。 – DjezzzL

感謝您的幫助。它仍然無法正常工作。我認爲問題屬於瀏覽器。 – Dealig29

必需屬性在Firefox上不起作用

回答

相關問題