方法一:html5配合css3實現帶提示文字的輸入框(擺脫js);
創新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站設計、網站建設、企業官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的海倫網站設計、移動媒體設計的需求,幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!webkit特有的一個css,可以控制里面的文字樣式,配合css3的動畫效果和偽類,我們就可以很容易做出一個帶動畫的輸入框,在系統登錄、搜索等位置很適合,感興趣的你可以參考下本文或許可以幫助到你,Webkit作為載體開發系統,當然需要大量使用Html5與CSS3,不僅減少大量的JS還可以保證更流暢。
當選中對話框后,提示文字變淺色,輸入后消失.這個現在通行的做法是在Input標簽后面增加一個Label。使用JS控制。
HTML5出現后,我們有一個更好的方法。
<input type="text" placeholder="用戶名或郵件地址" name="username"/>
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
文章名稱:input標簽實現輸入框帶提示文字效果(兩種方法)-創新互聯
網站路徑:http://vcdvsql.cn/article32/ddpjpc.html
成都網站建設公司_創新互聯,為您提供ChatGPT、網站內鏈、用戶體驗、Google、關鍵詞優化、響應式網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯