注意：在有多个按钮输入文本，要运行上一个之后才能执行下一步。如果想要调试，用注释注释掉上面的代码，运行完成后再取消注释
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>pattern属性</title>
</head>
<body>
<form action="http://localhost/MyService/formaction01.php">
请输入你喜欢的LPL战队
<input pattern="[A-Z]{3}" name="like">
<input type="submit">
</form>
<!--pattern（模式，样品）属性，通过规定输入规则，正则输入，否则页面不跳转-->
<script>
function Ok() {
var control = document.forms[0]['name'];
var Direction = control.selectionDirection;
alert(Direction);
}
</script>
<form>
<input type="text" name="name">
<input type="button" value="确定" onclick="Ok()">
</form>
<!--selectionDirection属性添加后，在按钮按之前用鼠标选择文本信息
从前到后选择返回forword，从后到前选择返回backword，默认forword，从而做出不同的操作-->
<!--在有多个按钮输入文本，要运行上一个之后才能执行下一步。如果想要调试，用注释注释掉上面的代码，运行完成后再取消注释-->
</body>
</html>