HTML5必填屬性似乎不起作用

我想不通爲什麼新的要求屬性的HTML5似乎不工作，我知道我的簡單代碼似乎沒問題。我應該怎麼做才能做到這一點？HTML5必填屬性似乎不起作用

這是我在HTML代碼：

<input type = "text" class = "txtPost" placeholder = "Post a question?" required> 
<button class = "btnPost btnBlue">Post</button>

糾正我，如果我錯了，但是，如果有的話我運行在瀏覽器的代碼，然後單擊按鈕，而不在文本框中它應該有一個任意值工具提示顯示該字段是必需的，不是嗎？但無論您單擊按鈕多少次都不會發生任何事情。我誤解了如何使用所需的屬性？

我正在谷歌瀏覽器中運行我的代碼Version 28.0.1500.72。

來源

2013-07-31 HTTP

您的文檔是否被聲明爲HTML 5？ – deceze

你有沒有圍繞你的輸入欄和按鈕的表單？ – putvande

是你在'form'中的輸入，並且你在使用'<！DOCTYPE HTML>'嗎？ – Uooo

嘗試把它一個表單標籤內，關閉輸入標籤：

<form> 
    <input type = "text" class = "txtPost" placeholder = "Post a question?" required /> 
    <button class = "btnPost btnBlue">Post</button> 
</form>

來源

2013-07-31 09:23:21 LDJ

謝謝你的輸入人，這解決了我的問題。我通常不會在我的輸入中創建任何'form'標記，因爲我正在使用相應的'id'或'class'名稱獲取它們的值，但現在我知道'form'標記的重要性。 – HTTP

沒有probs。很高興它解決了它。如果你感到高興，請標記爲答案。 – LDJ

現在可以標記，直到時間間隔達到一無所獲。別擔心。 – HTTP

是的，你錯過了形式封裝：

JSFiddle

<form> 
    <input id="tbQuestion" type="text" placeholder="Post a question?" required/> 
    <input id="btnSubmit" type="submit" /> 
</form>

來源

2013-07-31 09:31:35 speti43

確保novalidate屬性是未設置爲您的表單標記

來源

2014-12-03 10:01:01

-4

後

形式標記和方法將這個是POST

如果使用MVC然後從你的jQuery的檢查，如果文本沒有填滿，然後返回它會自動顯示消息

來源

2014-12-29 14:02:48

其實說起來，當我嘗試這樣做，它只在爲表單設置動作和方法值時才起作用。有趣的是它如何工作，但！

來源

2017-12-24 04:52:49

HTML5必填屬性似乎不起作用

回答

相關問題