App下載

在HTML5如何怎么讓默認(rèn)提示文字向左向右移動(dòng)?使用input實(shí)現(xiàn)方法代碼分享！

來(lái)源: 撈月亮的漁夫 2021-08-17 10:09:31 瀏覽數(shù) (4215)
反饋

今天我們來(lái)和大家分享有關(guān)于：“在HTML5如何怎么讓默認(rèn)提示文字向左向右移動(dòng)?”這個(gè)問(wèn)題的解決方法和相關(guān)的內(nèi)容分享！希望對(duì)小伙伴們的學(xué)習(xí)有所幫助！ 

<style>
        * {
            margin: 0;
            padding: 0;
        }

        .sousuo {
            width: 458px;
            height: 34px;
            margin-left: 190px;
            margin-top: 200px;
            border: 2px solid red;
        }
    </style>
</head>

<body>
    <input class="sousuo" type="text" placeholder="請(qǐng)輸入搜索內(nèi)容...">
</body>

代碼運(yùn)行界面圖

運(yùn)行界面

重要的點(diǎn)來(lái)了

可以看到默認(rèn)提示文字是緊緊靠著左邊框的
我們?yōu)榱嗣烙^(guān)需要把它往后移動(dòng) 只需要在css中添加代碼：

text-indent: 20px;

下面我們看下加入代碼后的運(yùn)行界面

運(yùn)行截圖

那么在文章中我們知道了有關(guān)于：“在HTML5如何怎么讓默認(rèn)提示文字向左向右移動(dòng)?”這個(gè)問(wèn)題的相關(guān)內(nèi)容和解決方法，那么更多有關(guān)于html5這方面的內(nèi)容我們都可以在W3Cschool中進(jìn)行學(xué)習(xí)和了解！


HTML5

0 人點(diǎn)贊