婷婷综合国产,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輸入框默認提示文字向左向右移動的示例代碼的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 南京市| 彩票| 怀化市| 南陵县| 筠连县| 高平市| 城口县| 枣庄市| 繁昌县| 嵩明县| 罗甸县| 和政县| 中西区| 保康县| 长治市| 太和县| 宜黄县| 武安市| 柳林县| 华容县| 仁寿县| 阿克苏市| 剑川县| 绵阳市| 秦安县| 察哈| 阳新县| 英德市| 呼和浩特市| 绥滨县| 新疆| 新宾| 巴南区| 稷山县| 南部县| 湘潭市| 武宁县| 罗城| 武宣县| 什邡市| 平南县|