婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5中input輸入框默認提示文字向左向右移動的示例代碼

HTML5中input輸入框默認提示文字向左向右移動的示例代碼
熱門標簽：拓展地圖標注 電話機器人電銷系統掙話費 平涼地圖標注位置怎么弄 高德地圖標注地點糾錯 南昌仁和怎么申請開通400電話 機器人外呼系統存在哪些能力 如何獲取地圖標注客戶 只辦理400電話 電話機器人黑斑馬免費

HTML5中input輸入框默認提示文字向左向右移動首先演示input輸入框代碼

<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="請輸入搜索內容...">
</body>

代碼運行界面圖

重要的點來了

可以看到默認提示文字是緊緊靠著左邊框的
我們為了美觀需要把它往后移動 只需要在css中添加代碼

text-indent: 20px;

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

到此這篇關于HTML5中input輸入框默認提示文字向左向右移動的示例代碼的文章就介紹到這了,更多相關html5 input輸入框提示文字內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章，希望大家以后多多支持腳本之家！

標簽：棗莊 西藏 池州 永州 遼源 漯河 新疆 青島

巨人網絡通訊聲明：本文標題《HTML5中input輸入框默認提示文字向左向右移動的示例代碼》，本文關鍵詞  HTML5,中,input,輸入,框,默認,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5中input輸入框默認提示文字向左向右移動的示例代碼》相關的同類信息！
  • 本頁收集關于HTML5中input輸入框默認提示文字向左向右移動的示例代碼的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 淮阳县| 绵阳市| 开鲁县| 湄潭县| 南澳县| 金乡县| 元阳县| 隆子县| 班玛县| 墨玉县| 乳山市| 察哈| 赣榆县| 兰溪市| 弥勒县| 琼海市| 新绛县| 成都市| 淮阳县| 丰台区| 平遥县| 黄石市| 西城区| 东阿县| 西城区| 鸡东县| 义马市| 五大连池市| 米脂县| 滁州市| 遂昌县| 丰镇市| 清水河县| 通渭县| 浦江县| 通许县| 枣庄市| 潮州市| 启东市| 东乡县| 西丰县|