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

相关推荐
李剑一12 分钟前
开箱即用!Vue3+TS 视频组件完整代码,自动提取视频第一帧做封面。妈妈再也不用担心我手动截封面了
前端
阿赛工作室22 分钟前
PageAgent的价值和使用示例
javascript·html5
盐多碧咸。。30 分钟前
echarts折线图矩形选择 框选图表
前端·javascript·echarts
羽沢3132 分钟前
Canvas学习一
前端·css·学习·canvas
KaMeidebaby41 分钟前
卡梅德生物技术快报|锦葵科植物遗传转化工程化优化:棉花胚尖农杆菌转化体系参数固化与效率提升
前端
invicinble44 分钟前
前端框架使用vue-cli( 第二层:工程配置层--4.axios需要做的基础配置)
前端·vue.js·前端框架
用户070455741291 小时前
第一次前后端联调后,我终于理解了什么是工程化
前端
亲亲小宝宝鸭1 小时前
Vue3中那些冷门但实用的方法
前端·vue.js
qq_349523261 小时前
分析原型到表的过程
前端
1 小时前
Pinia 全局状态管理
前端