返回顶部

收藏

【HTML5】使用正则表达式构造定制的输入框

更多

正则表达式(点此在线编辑测试)是一个功能强大的灵活而简洁的匹配文本字符串的工具,比如匹配特定的字符、单词等。正则表达式通过一个语言规则来书写,通过正则表达式 处理器来处理。维基百科有详细解释,这里不再赘述。 HTML5允许通过正则表达式的方式检测用户输入。

<!DOCTYPE html>

<html>

<head>

<title>
</title>

</head>

<body>

<form id="myForm">

<fieldset>

<legend>Solution 4-8: Creating custom input types using regular expressions</legend>

<label> Insert a valid American Zip code:

<input type="text" name="ssn"

pattern="(\\d{5}([\\-]\\d{4})?)"

title="Zip Code" />

</label>

<p><input type="submit" value="Check Zip code" /> </p>

</fieldset>

</form>

</body>

</html>
//该片段来自于http://outofmemory.cn

标签:html,基础

收藏

0人收藏

支持

0

反对

0

»更多 您可能感兴趣的代码
  1. 2012-11-05 21:59:42java获得随机数代码 by 怪兽狂殴奥特曼
  2. 2014-06-06 16:13:17一行代码,浏览器变临时编辑器 by 奔小康
  3. 2014-08-24 15:55:07添加浏览器标签页图标 by GauSir
  4. 2014-07-30 20:33:49html5嵌入视频 by 奔小康
  5. 2014-08-03 16:40:00最佳的 HTML5 页面 DOM 结构 by starstroll
  6. 2014-09-23 13:16:49简单的三级导航 纵向 by huwei
  7. 2014-06-06 14:01:35html5的时钟 by 冬夜微风
  8. 2014-10-03 14:56:42HTML5 手机甩出Web 网页背景色 by shenspring
  9. 2014-10-03 15:13:31Canvas版国旗 by 猩猩总统
  10. 2014-11-26 10:22:44html判断IE版本 by huwei
  11. 2018-12-02 10:32:05Mac OS 下使用80端口 by 甄码农
相关聚客文章
  1. 博主 发表 2012-10-05 00:00:00 【分享】基础html讲解
  2. 青鱼 发表 2015-02-03 01:50:16 学习Web基础(HTML/CSS/JS) + 服务器端技术 (LAMP)
  3. 博主 发表 2016-02-28 02:40:36 用Webpack构建和打包模块(JS,SCSS,HTML等)基础(译)
  4. admin 发表 2012-11-07 16:18:30 CSS控制字符输出
  5. 麦时 发表 2013-02-04 05:40:27 移动端项目总结
  6. Ghost 发表 2013-03-16 05:11:05 使用Adobe AIR SDK搭建AIR开发环境(HTML+Javascript) [1]
  7. ysm 发表 2012-08-01 05:20:32 KineticJS教程(9)
  8. k 发表 2013-03-31 03:03:46 javaFX2.2 向JavaFX应用程序中添加HTML内容
  9. 博主 发表 2013-03-12 14:17:00 Java基础学习之Enum
  10. 邵珠庆 发表 2013-05-30 02:24:30 simple_html_dom使用小结
  11. c7210 发表 2013-06-15 08:07:38 iOS7界面设计规范(1) - UI基础 - 为iOS7而设计
  12. C7210 发表 2013-06-22 02:55:09 iOS7界面设计规范(5) - UI基础 - 导航

发表评论