App下載

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

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

今天我們來和大家分享有關(guān)于：“在HTML5如何怎么讓默認提示文字向左向右移動?”這個問題的解決方法和相關(guān)的內(nèi)容分享！希望對小伙伴們的學(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="請輸入搜索內(nèi)容...">
</body>

代碼運行界面圖

運行界面

重要的點來了

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

text-indent: 20px;

下面我們看下加入代碼后的運行界面

運行截圖

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


HTML5

0 人點贊