[html5]html5正则表达式新用法

曾几何时，你自己草草写了许多正则表达式来验证一个特殊的文本框。感谢新的pattern属性，我们能够在我们的标记中直接插入一个正则表达式。
<form action="" method="post"> 
    <label for="username">Create a Username: </label> 
    <input type="text" 
       name="username" 
       id="username" 
       placeholder="4 <> 10" 
       pattern="[A-Za-z]{4,10}" 
       autofocus  
       required> 
    <button type="submit">Go </button> 
</form> 
如果你熟悉正则表达式，肯定知道这个表达式[A-Za-z]{4,10}仅接受最上层和最下层的字母。这个字符串也必须包含最小四个字符，最多十个。
需要注意的是我们正在开始结合这些新的令人叹为观止的属性。