H5 pattern

pattern：正则表达式验证

例如：

<input pattern="1[3578]\d{9}"> 可以省略^和$

必须和required配合使用，否则在用户没有输入任何内容时，也会提交表单，不会去验证正则表达式

时间： 2024-11-08 21:07:10

H5 pattern的相关文章

H5利用pattern属性和oninvalid属性验证表单

HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <form action="demo-form.php"> 手机号: <input type="text" name=&q

H5智能表单 input 新增 type值 email 若输入的样式不和邮箱一样则报错 url 必须输入url地址(加http://) number 只能输入数字属性:min max step value(默认值) range 取值范围属性:min max step value(默认值) tel search 效果和text一样,专用于搜索框属性:result color 调出取色板 date:选取日月年 month:选取月年 week:选取周年 time:选取时间,小时和分钟 datet

H5第一周

<!DOCTYPE html> <head> <!--{meta标签} 1.charset属性:单独使用.设置文档字符集编码格式. >>>写法:<meta charset="UTF-8"> >>>常见的中文编码格式: GB-23

2017.3.12 H5学习的第一周

本周我开始了H5的学习,在这一周里我们从html的基本标签开始一直讲到了才算css的用法,接下来我将记录下来本周我学到的H5的内容. 首先是声明文档,声明文档类型是HTML5文件,它在HTML文档必不可少且必须放在文档第一行. 写法:<!DOCTYPE html>. 接着我们学习了html的基本结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&

angular js h5关于表单验证的例子

angular js表单验证 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="angular.min.js"></script> <link rel="stylesheet" href="

简单说下我对H5的新增的标签和css3的新增属性

HTML 英文全称是:HyperText Markup language: 中文全称是超文本标记语言又称超链接文本标记语言: H5呢就是HTML第五代版本: 首先智能表单 <form action="" method="post"> <input type="color" name="" id="" value="" /> <input type=&qu

小K的H5之旅-HTML的基本结构与基本标签

一.什么是HTML HTML是超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML文档的结构 HTML文档主要包括三大部分:文档声明部分.<head>头部部分.<body>主体部分. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head>

H5总结

1.新增的语义化标签: <nav>: 导航 <header>: 页眉 <footer>: 页脚 <section>:区块 <article>: 文章 <aside>: 侧边栏 <progress>: 进度条 2.兼容处理在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只需要将其转换成块元素(block)即可使用,但是在IE9版本以下,并不能正常解析这些新标签,但是却可以识别

H5 新特性之全局属性一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--<he