返回顶部

收藏

【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

发表评论