响应式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 >内的所有表单控件不被验证。

相关推荐
米诺zuo1 分钟前
nextjs文件路由、路由组
前端·next.js
加个鸡腿儿2 分钟前
锚点跳转-附带CSS样式 & 阻止页面刷新技术方案
前端·javascript·css
dragon72521 分钟前
FutureProvider会刷新两次的问题研究
前端·flutter
天蓝色的鱼鱼38 分钟前
Next.js路由全解析:Pages Router 与 App Router,你选对了吗?
前端·next.js
xun_xing42 分钟前
基于Nextjs15的学习手记
前端·javascript·react.js
有意义1 小时前
Vibe Coding:人机共生时代的开发革命 —— 从概念到 Chrome 扩展实战
前端·ai编程·vibecoding
梅梅绵绵冰1 小时前
SpringMVC快速入门
前端
kirkWang1 小时前
HarmonyOS 6.0 服务卡片实战:把「轻食刻」装进桌面,让轻断食一眼可控
前端
1024小神1 小时前
VNBarcodeObservation的结果中observation.boundingBox 是什么类型?
前端
xun_xing1 小时前
Javascript的Iterator和Generator
前端·javascript