“必需” 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标签不工作

回答

相关问题