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

相关推荐
invicinble16 分钟前
对于前端数据的生命周期的认识
前端
PieroPc20 分钟前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例
前端·html·fastapi
hunter145026 分钟前
2026.1.4 html简单制作
java·前端·笔记·html
鹏程十八少27 分钟前
Android 深入剖析Android内存泄漏:ViewPager2与Fragment的生命周期陷阱
android·前端·app
李少兄27 分钟前
深入理解 CSS opacity 属性
前端·css
幺零九零零28 分钟前
前端测试·1
前端
ヤ鬧鬧o.29 分钟前
IDE风格的布局界面
javascript·html5
1024小神30 分钟前
uniapp项目中使用vue3和小程序组件父子通信
前端·小程序·uni-app
Knight_AL32 分钟前
Vue + Spring Boot 项目添加 /wvp 前缀的完整链路解析(从浏览器到静态资源)
前端·vue.js·spring boot
粟悟饭&龟波功32 分钟前
【软考系统架构设计师】九、架构演化与维护
前端·后端·架构·系统架构·软件工程