搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 HTML/CSS 語法 INPUT小寫轉大寫 ( 大小寫互轉 ) 非JS使用CSS就可以囉 ...
byadmin 發表於 2015-3-31 17:00:11 , 9158人已閱讀 , 0人回應
一般在設計文字欄強制大小寫的時候 , 應該大多數的人想到都是使用JS , 例如:
  1. <input name="srdesign" type="text" onkeyup="this.value=this.value.toUpperCase()" />
複製代碼
但有以下兩點缺點:1. 視覺效果不好,我們會看到先顯示小寫,再變成大寫
2. 如果使用複製+貼上,將無法觸發事件

因此目前最好的方法 , 還是使用 CSS 來控制:
  1. <input name="srdesign" type="text" style="text-transform:uppercase;" />
複製代碼
text-transform 有四個可選:
none 默認值,無轉換發生
capitalize 將每個單字的第一個字母轉換成大寫
uppercase 全部轉換成大寫
lowercase 全部轉換成小寫

html-css.jpg



Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.138186 second(s), 47 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-3-29 21:44

回頂部