老师请问我这段代码为啥没效果呢

来源:3-5 html5约束验证API之validity演示

qq_慕九州2374973

2020-02-21 17:39:41

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2test</title>
    <style>
        input[type="search"]::-webkit-search-cancel-button{
            -webkit-appearance: none;
            height: 15px;
            width: 15px;
            background-color: #f01414;
        }
    </style>
</head>
<body>
<form action="" method="get">
    <input type="text" id="username" value="s" pattern="^\d{5}">
    <input type="search" id="search" value="">
    <input type="submit">
</form>
<script>
    // console.log(document.getElementById("username") === username);
</script>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2020-02-21

同学你好,老师这边测试代码有效果,如下:

http://img.mukewang.com/climg/5e4fbb8809faee2304940126.jpg

http://img.mukewang.com/climg/5e4fbb9209eb46bf03400073.jpg

同学是说的样式不生效吗?可能是浏览器版本太低,建议使用高版本的浏览器进行测试。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程