input标签没有对输入框中的文字样式单独设置样式的地方。因为输入框中的文本是 value的属性值

最新推荐文章于 2023-05-19 14:04:52 发布

cunzhanglaoliu

最新推荐文章于 2023-05-19 14:04:52 发布

阅读量625

点赞数

文章标签： html 前端 css3 css

本文链接：https://blog.csdn.net/weixin_41404049/article/details/124903268

版权

以下值我自己总结出来的：等后续学到很多后，可能推翻

input是不闭合的标签，不是那种前后闭合，中间装文本内容的双标签。

所以不要想通过什么color之类的属性，去设置双标签内的文字颜色

input标签只有 value这个属性去“装下”内容，然后通过表单给到其他地方使用。并不是要在网页展示出来的文本

所以，通过color这些样式去设置内容属性，是对 value的属性值（一般是文本字符串）进行设置的！！！

<!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>

    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?wq7w1g');
            src: url('fonts/icomoon.eot?wq7w1g#iefix') format('embedded-opentype'),
                url('fonts/icomoon.ttf?wq7w1g') format('truetype'),
                url('fonts/icomoon.woff?wq7w1g') format('woff'),
                url('fonts/icomoon.svg?wq7w1g#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }


        form {
            margin: 100px auto;
            width: 500px;
            background-color: aqua;
        }

        #icon {
            font-family: 'icomoon';
        }

        #pwd {
            color: rgb(188, 188, 188);
        }
    </style>

</head>

<body>
    <form action="" class="biaodan">
        <label>设置密码：</label>
        <input type="text" name="" id="pwd" value="至少6位">
        <!-- input是不闭合的标签，不是那种前后闭合，中间装文本内容的双标签。所以不是通过什么color属性去设置文字颜色的 -->
        <!-- input标签只有 value这个属性去“装下”内容，然后通过表单给到其他地方使用。并不是要在网页展示出来的文本 -->
        <!-- 所以，通过color这些样式去设置内容属性，是对 value的属性值（一般是文本字符串）进行设置的！！！ -->

        <small><span id="icon"></span><span id="tishi">校验提示文字</span></small>
    </form>

    <!-- js代码 -->
    <script>
        var text = document.getElementById('pwd');
        var icon = document.getElementById('icon');
        var tishi = document.getElementById('tishi');
        text.value
        text.onfocus = function () {

        }

    </script>


</body>

</html>

cunzhanglaoliu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input标签没有对输入框中的文字样式单独设置样式的地方。因为输入框中的文本是 value的属性值

以下值我自己总结出来的：等后续学到很多后，可能推翻input是不闭合的标签，不是那种前后闭合，中间装文本内容的双标签。所以不要想通过什么color之类的属性，去设置双标签内的文字颜色input标签只有 value这个属性去“装下”内容，然后通过表单给到其他地方使用。并不是要在网页展示出来的文本所以，通过color这些样式去设置内容属性，是对 value的属性值（一般是文本字符串）进行设置的！！！<!DOCTYPE html><html lang="en">
复制链接

扫一扫