返回顶部

收藏

【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 14:44:01canvas画中国银行标志 by starstroll
  3. 2014-06-06 18:09:27input readyonly disabled区别 by 猩猩总统
  4. 2014-06-06 14:55:14网页打印分页处理 by 猩猩总统
  5. 2014-06-06 18:38:13发送数据到一个iframe by shenspring
  6. 2014-06-12 11:43:03HTML5版国旗 by arden
  7. 2014-08-04 12:48:37div点击可输入 by 猩猩总统
  8. 2014-06-06 19:03:58为页面上的链接统一指定Target by init0
  9. 2014-08-11 12:46:19打印文字 by init0
  10. 2014-08-23 20:23:14通过HTML注释实现方便的css hack by tsl0922
  11. 2014-10-02 14:12:42html5 3D圣诞树源码 by starstroll

发表评论