校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 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輸入框默認提示文字向左向右移動的示例代碼的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 娱乐| 吴江市| 巴塘县| 全椒县| 平阳县| 宜兰县| 山阳县| 延庆县| 西昌市| 桃江县| 星子县| 仙居县| 郴州市| 土默特右旗| 鄂伦春自治旗| 漳州市| 桃江县| 通州市| 东辽县| 武威市| 东丰县| 淮阳县| 湖南省| 祁连县| 岳西县| 金乡县| 长岛县| 黑河市| 铜梁县| 望谟县| 江北区| 龙游县| 绩溪县| 饶平县| 卢氏县| 什邡市| 定边县| 北海市| 长寿区| 华宁县| 井研县|