关闭

required和formnovalidate

1088人阅读 评论(0) 收藏 举报

          今天学习HTML5出现的问题:

在表单提交校验中,我想实现取消“姓名”一栏的非空校验,用formnovalidate实现不了。只能用为<form>设置novalidate属性实现,找原因ing。。。。。

代码及运行截图如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312"> 
<title>a</title>
</head>
<body>
<form  >
<p>个人信息填写:</p>
姓名:<input type="text" name="username" required><br>
年龄:<input type="number" name="age" min="1" max="150" step="1" ><br>
email:<input type="email" name="email" ><br>
手机号码:<input type="text" pattern="\d{11}"title="请输入11位的手机号码" ><br> 
<input type="submit" value="提交" > 
<input type="submit" value="保存"   formnovalidate> 
<input type="reset" value="重置" >
</form>
</body>
</html>

按理说按“保存”提交时应该关闭校验的,却出现了如上图所示的效果。是formnovalidate对required不起作用?

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3316次
    • 积分:90
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:2条
    文章存档
    最新评论