在使用HTML 5和模式属性时,如何将输入限制为仅限英语字母?

时间:2016-07-01 15:53:06

标签: html html5 attributes

每当我尝试验证input标记(文本)中的模式时,到目前为止在FireFox和Chrome中,它都不起作用。它不适用于任何页面。对字符输入的限制和字符数都不起作用。我知道我可以使用JavaScript。我想使用pattern属性使其与HTML 5一起使用。我做错了吗?它被从标准中移除了吗?

实施例,

http://www.wufoo.com/html5/attributes/10-pattern.html http://www.w3schools.com/tags/att_input_pattern.asp

或我自己,



<form id="request" action="mypage.php" method="POST">
    <fieldset>
        <legend>Request Form</legend>
            <label for="first-name">First Name</label>
            <input type="text" placeholder="First Name" name="first-name" id="first-name" pattern="^/[A-Za-z]{3}/$" title="Enter First Name" size="20">
    </fieldset>
</form>
&#13;
&#13;
&#13;

我也试过了,

pattern="[A-Za-z]{3}"
pattern="[A-Z][a-z]{20}"
pattern="^[A-Za-z]{3}$"

和其他人。

1 个答案:

答案 0 :(得分:-1)

我明白了。我的问题是我预计它会在我提交之前死掉。我忘记了它没有像JavaScript和关键事件那样做出反应。