如何将一个文本框中的字符集转换成图2中的文本框效果?

wanghao

在此处输入图片说明

在此处输入图片说明

谁能帮助我修改CSS代码以完成图1到图2的效果,我想将一个文本框设置为图2的样式,我应该如何修改CSS代码。以下是CSS和HTML代码。

 .username{
        margin-top: 10px;
        width: 280px;
        height:48px;
        background-color: green;

    }

    .blanline{
        width: 280px;
        height:23px;
        background-color: #F0FFFF;
    }

    .password{
        width: 280px;
        height:48px;
        background-color: green;
    }
    div input,button{
        width: 100%;
        height: 100%;
        font-size: 25px;

    }
    <div class="username">
                                <input type="text" id="username" name="username">
                            </div>
                            <div class="blanline"></div>
                            <div class="password">
                                <input type="password" id="password" name="password">
                            </div>

谁能帮助我,我将为您感恩。

阿米特·辛格(Amit singh)

您应该placeholderinput标记中添加一个

<input type="text" id="username" name="username" placeholder="text here">
<input type="password" id="password" name="password" placeholder="text here>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将文本从一个Web窗体文本框中移动到另一个Web窗体文本框中

来自分类Dev

如何将2个文本框绑定到一个属性?

来自分类Dev

如何将值从输入文本框传递到Laravel中的另一个页面

来自分类Dev

如何将文本框的值传递到asp.net(vb)中的另一个页面

来自分类Dev

如何将文本框值分配给 wpf 中的另一个类

来自分类Dev

将数值从文本框中添加到另一个文本框中

来自分类Dev

如何在一个文本框中连接两个或多个文本框值

来自分类Dev

如何在一个文本框中连接两个或多个文本框值

来自分类Dev

将2个文本框值相乘并显示在第3个文本框中

来自分类Dev

在另一个文本框中输入数据时文本框完成

来自分类Dev

无法将文本框值分配给jQuery中的另一个文本框

来自分类Dev

如何将文本框的文本设置为字符串中包含的文件中的一行?

来自分类Dev

如何在另一个文本框中同时写入文本框值?

来自分类Dev

如何对另一个文本框中的数组文本框的所有输出求和

来自分类Dev

如何根据另一个文本框值在jdeveleper的表中设置文本框只读?

来自分类Dev

用户在文本框中插入值后如何显示另一个文本框?

来自分类Dev

如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

来自分类Dev

根据在另一个文本框中输入的文本在文本框中显示文本

来自分类Dev

在PySimpleGUI中创建一个文本框

来自分类Dev

检查文本框中的最后一个单词

来自分类Dev

在python中创建一个列文本框

来自分类Dev

如何防止将'字符输入到文本框中?

来自分类Dev

如何将所有窗口警报发送到一个文本框

来自分类Dev

如何替换字符串中一个字符的一个实例,然后使用VB语言将输出放在文本框中

来自分类Dev

如何替换字符串中一个字符的一个实例,然后使用VB语言将输出放置在文本框中

来自分类Dev

在1个文本框中从2个不同的文本框中拆分多文本

来自分类Dev

为什么我的WPF转换器“缺少”文本框中的最后一个字符?

来自分类Dev

如何将文本框名称引用存储在变量中,以便以后将该文本框的值分配给另一个变量

来自分类Dev

如何将文本框名称引用存储在变量中,以便以后将该文本框的值分配给另一个变量

Related 相关文章

  1. 1

    如何将文本从一个Web窗体文本框中移动到另一个Web窗体文本框中

  2. 2

    如何将2个文本框绑定到一个属性?

  3. 3

    如何将值从输入文本框传递到Laravel中的另一个页面

  4. 4

    如何将文本框的值传递到asp.net(vb)中的另一个页面

  5. 5

    如何将文本框值分配给 wpf 中的另一个类

  6. 6

    将数值从文本框中添加到另一个文本框中

  7. 7

    如何在一个文本框中连接两个或多个文本框值

  8. 8

    如何在一个文本框中连接两个或多个文本框值

  9. 9

    将2个文本框值相乘并显示在第3个文本框中

  10. 10

    在另一个文本框中输入数据时文本框完成

  11. 11

    无法将文本框值分配给jQuery中的另一个文本框

  12. 12

    如何将文本框的文本设置为字符串中包含的文件中的一行?

  13. 13

    如何在另一个文本框中同时写入文本框值?

  14. 14

    如何对另一个文本框中的数组文本框的所有输出求和

  15. 15

    如何根据另一个文本框值在jdeveleper的表中设置文本框只读?

  16. 16

    用户在文本框中插入值后如何显示另一个文本框?

  17. 17

    如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

  18. 18

    根据在另一个文本框中输入的文本在文本框中显示文本

  19. 19

    在PySimpleGUI中创建一个文本框

  20. 20

    检查文本框中的最后一个单词

  21. 21

    在python中创建一个列文本框

  22. 22

    如何防止将'字符输入到文本框中?

  23. 23

    如何将所有窗口警报发送到一个文本框

  24. 24

    如何替换字符串中一个字符的一个实例,然后使用VB语言将输出放在文本框中

  25. 25

    如何替换字符串中一个字符的一个实例,然后使用VB语言将输出放置在文本框中

  26. 26

    在1个文本框中从2个不同的文本框中拆分多文本

  27. 27

    为什么我的WPF转换器“缺少”文本框中的最后一个字符?

  28. 28

    如何将文本框名称引用存储在变量中,以便以后将该文本框的值分配给另一个变量

  29. 29

    如何将文本框名称引用存储在变量中,以便以后将该文本框的值分配给另一个变量

热门标签

归档