7.29项目整合（Html+Sacc+Css）

最新推荐文章于 2024-07-30 23:06:43 发布

sh2001824

最新推荐文章于 2024-07-30 23:06:43 发布

阅读量99

点赞数

文章标签： sass 前端 css html

本文链接：https://blog.csdn.net/sh2001824/article/details/126068002

版权

一、使用iframe引入

使用iframe引入必须要加上<base href="" target="值">，target里面的值有

_blank
_parent
_self
_top
framename

规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。

二、input框的属性

disabled ：禁用
max：规定输入字段的最大值（请与 "min" 属性配合使用，来创建合法值的范围）
min：规定输入字段的最小值（请与 "max" 属性配合使用，来创建合法值的范围）
minlength：规定输入字段中所需的最小字符数
pattern：规定输入字段的值的模式或格式（例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字）
placeholder：规定帮助用户填写输入字段的提示
required：指示输入字段的值是必需输入的
checked：默认选中
type属性为email：格式必须是邮箱

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/register.min.css">
</head>

<body>

    <div class="page">


        <div class="input">
            <div>
                <form action="">
                    <input type="text" placeholder="请输入用户名" required>
                    <img src="img/用户名.png" alt=""><br>
                    <input type="password" placeholder="请输入密码" required><br>
                    <img class="i2" src="img/密码.png" alt="">
                    <input type="email" name="" id="" placeholder="请输入邮箱"><br>
                    <img class="i3" src="img/邮箱.png" alt="">
                    <input type="text" placeholder="请输入手机号" pattern="[0-9]{11}"><br>
                    <img class="i4" src="img/手机号码.png" alt="">
                    <input class="ch" type="checkbox" name="" id="" checked="checked"><span>记住密码</span><br>
                    <input class="btn" type="submit" value="登录/注册">
                    <a href="index.html">返回主页面</a>
                </form>
            </div>
        </div>
    </div>
</body>
<script>
</script>

</html>