「必需」 HTML5標籤不工作

<form id="contact_form" action="/contact-verzenden" method="POST" enctype="multipart/form-data" > 
 
    <input class="textbox" type="text" name="name" id="name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Naam':this.value;" value="Jouw naam" required/> 
 
    <input class="textbox" type="text" name="name" id="tel" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Telefoon':this.value;" value="Telefoon" required/> 
 
    <input class="textbox" type="text" name="email" id="email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'E-mail':this.value;" value="E-mail" required/> 
 
    <textarea rows="6" cols="30" type="text" name="message" id="message" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Vraag/opmerking':this.value;" required >Vraag/opmerking</textarea> 
 
    <input id="submit_button" type="submit" value="Verzenden" /> 
 
</form>

當我點擊提交，數據無論是否事情已經進入或不發。

儘管這是完全一樣的W3學校例如：

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_required

我在做什麼錯？

來源

2015-11-04 Really loud girl

是什麼瀏覽器，你在測試這個...？ – deceze

每個瀏覽器。我認爲這與我使用設定值的事實有關。 –

因爲在每個輸入元素中仍然有值。
嘗試使用佔位符使其看起來像您的設計。

<input class="textbox" type="text" name="name" id="name" placeholder="test" required/>

來源

2015-11-04 09:55:27 ZenithS

非常感謝，爲我效勞！ –

不客氣，不要忘記刪除您的JavaScript事件 – ZenithS

因爲你已經給他值（value="Jouw naam"），也的onblur你給它一個值（"Naam"）。所以價值是從來沒有空。這就是它提交表單的原因。

添加的placeholder="Jouw naam"代替value = "Jouw naam"

希望它可以幫助！

來源

2015-11-04 09:57:25

這很酷，onblur不必離開。我所要做的就是用「佔位符」替換「價值」。 –

是的，你可以使用佔位符而不是價值 –

檢查驗證碼：

<!DOCTYPE html> 
<form id="contact_form" method="POST" enctype="multipart/form-data" > 
    <input class="textbox" type="text" name="name" id="name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Naam':this.value;" placeholder="Jouw naam" required/> 
    <input class="textbox" type="text" name="name" id="tel" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Telefoon':this.value;" placeholder="Telefoon" required/> 
    <input class="textbox" type="text" name="email" id="email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'E-mail':this.value;" placeholder="E-mail" required/> 
    <textarea rows="6" cols="30" type="text" name="message" id="message" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Vraag/opmerking':this.value;" required ></textarea> 
    <input id="submit_button" type="submit" value="Verzenden" /> 
</form> 
</html>

來源

2015-11-04 09:58:50 soorapadman

「必需」 HTML5標籤不工作

回答

相關問題