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

主頁 > 知識庫 > 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輸入框默認提示文字向左向右移動的示例代碼的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 巩留县| 张家港市| 商丘市| 三河市| 玉环县| 阿瓦提县| 石渠县| 五大连池市| 上蔡县| 闽侯县| 十堰市| 杨浦区| 鄂托克旗| 鲜城| 大渡口区| 留坝县| 宁远县| 云林县| 揭东县| 胶南市| 墨玉县| 新郑市| 福泉市| 峡江县| 建宁县| 邵东县| 宁乡县| 西峡县| 黔南| 元阳县| 安仁县| 金昌市| 墨江| 靖安县| 麻阳| 深泽县| 冷水江市| 乐都县| 蛟河市| 吉林市| 重庆市|