表单字段所有必需使用html5必需参数不起作用

时间:2017-07-21 21:08:25

标签: html

您好我正在尝试制作表单中的所有字段,

我正在使用所需的参数并将其添加到所有字段但它根本不起作用,没有显示任何验证错误

<form action='index.php' method='POST' enctype="multipart/form-data"> 

<h6>First Name</h6>
<input type='text' name='fname' value="First Name" required /> 

<h6>Last Name</h6>
<input type='text' name='lname' value="Last Name" required /> 

<h6>Email</h6>
<input type='text' name='email' value="Email" required /> 

<h6>Password</h6>
<input type='text' name='password' value='Password' required /> 

<input type='submit' value='submit' />
<input type='hidden' value='1' name='submitted' /> 

</form> 

2 个答案:

答案 0 :(得分:0)

只有在您尝试提交表单后才会对required字段进行验证。发布代码的问题在于输入中没有任何表单,因此没有表单可供提交。

这就是你应该怎么做的:

<form action="#">
  <h6>First Name</h6>
<input type='text' name='fname' required /> 

<h6>Last Name</h6>
<input type='text' name='lname' required /> 

<h6>Email</h6>
<input type='text' name='email' required /> 

<h6>Password</h6>
<input type='text' name='password' required /> 

<input type="submit">
</form>

但是,如果您想要即时验证,则必须使用已存在的许多验证库之一或编写自定义JavaScript代码来自行完成验证。

答案 1 :(得分:-1)

输入标签是自动关闭的。 “/”是第一个嫌犯。没有那些结束标记再试一次。我也会删除“必需”之后的空格,但这只是我的强迫症。