响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-11 HTML5 表单验证

代码

html 复制代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 表单验证</title>
</head>

<body>
<form action="#" method="get" novalidate>
  请输入您的邮箱:
  <input type="email" name="formmail" required />
  <br>
  <br>
  <input type="submit">
</form>
</body>
</html>

上述代码中,

novalidate属性阻止邮箱的验证。

运行效果

novalidate属性用于指定在提交表单时取消表单进行有效的检查。为表单设置该属性时,可以关闭整个表单的验证功能,这样可以使< form >内的所有表单控件不被验证。

相关推荐
LIO33 分钟前
深度解析 localStorage 与 sessionStorage:用法、区别与最佳实践
前端
Amy_yang42 分钟前
uni-app 中 web-view 的使用与 App 端全屏问题处理
前端·javascript·vue.js
闲坐含香咀翠43 分钟前
Electron 加载原生模块总崩溃?搞懂这两行配置就够了
前端·electron·客户端
拉拉肥_King1 小时前
pc端视频压缩:FFmpeg.wasm 实战指南
前端
0x861 小时前
基于 Dio 实现 SSE 流式通信
前端
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_40:(DOMImplementation 接口完全解析)
前端·ui·html·媒体
Highcharts.js1 小时前
Highcharts 纯 JavaScript 图表库深度使用评测
开发语言·前端·javascript·功能测试·ecmascript·highcharts·技术评测
码码哈哈0.02 小时前
基于 RSA 非对称加密与挑战码机制的前端登录安全方案
前端·安全·状态模式
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_39:(DOMException 异常接口完全解析)
前端·javascript·html·媒体