文本輸入框input text輸入字母自動(dòng)轉(zhuǎn)大寫

zlyBear 發(fā)布于2019-04-23 11:40 / 3826人閱讀

摘要：現(xiàn)在需要把一個(gè)輸入框內(nèi)的字母自動(dòng)轉(zhuǎn)變?yōu)榇髮?。查了下資料，目前收集到的方法有兩種使用，在標(biāo)簽添加方法，將字符轉(zhuǎn)為大寫。區(qū)別使用會(huì)給用戶一種轉(zhuǎn)換感，使用是把輸入的字母顯示為大寫。

? 現(xiàn)在需要把一個(gè)input輸入框內(nèi)的字母自動(dòng)轉(zhuǎn)變?yōu)榇髮憽?/p>

? 查了下資料，目前收集到的方法有兩種：

使用JavaScript，在input標(biāo)簽添加onkeyup方法，將字符轉(zhuǎn)為大寫。
```
<input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />
```

使用CSS，給input設(shè)置樣式。

<input type="text" style="text-transform:uppercase;" />

區(qū)別：

使用JavaScript會(huì)給用戶一種轉(zhuǎn)換感，使用CSS是把輸入的字母顯示為大寫。所以從用戶體驗(yàn)來說，使用css會(huì)更好！不過使用css的話，需要在后臺(tái)進(jìn)行大寫轉(zhuǎn)換操作。

云服務(wù)器 GPU云服務(wù)器 js正則input輸入框文本輸入框文本框輸入數(shù)字文本框輸入限制

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/991.html

相關(guān)文章

文本輸入框input text輸入字母自動(dòng)轉(zhuǎn)大寫

摘要：現(xiàn)在需要把一個(gè)輸入框內(nèi)的字母自動(dòng)轉(zhuǎn)變?yōu)榇髮?。查了下資料，目前收集到的方法有兩種使用，在標(biāo)簽添加方法，將字符轉(zhuǎn)為大寫。區(qū)別使用會(huì)給用戶一種轉(zhuǎn)換感，使用是把輸入的字母顯示為大寫。? 現(xiàn)在需要把一個(gè)input輸入框內(nèi)的字母自動(dòng)轉(zhuǎn)變?yōu)榇髮憽? ? 查了下資料，目前收集到的方法有兩種：使用JavaScript，在input標(biāo)簽添加onkeyup方法，將字符轉(zhuǎn)為大寫。 input name=te...

HitenDev 2019-04-22 16:12 評(píng)論0 收藏0
[總結(jié)]CSS/CSS3常用樣式與web移動(dòng)端資源

摘要：不允許負(fù)值用百分比來定義縮放比例。解決這個(gè)很簡單，在父元素中使用即可解決該。列寬度由單元格內(nèi)容設(shè)定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點(diǎn)點(diǎn)。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼：第一段文字選中效果第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 評(píng)論0 收藏0
form表單那點(diǎn)事兒(上) 基礎(chǔ)篇

摘要：用于或元素時(shí)，將提交指定的表單示例代碼只能上傳圖片只能上傳視頻使用的屬性，是一個(gè)類型的值，或文件后綴名。在以前，要想改變表單元素外觀，需要通過其他標(biāo)簽來模擬。以下點(diǎn)到名的表單元素，還是可以照常使用的。做為html中最為常見，應(yīng)用最廣泛的標(biāo)簽之一，form常伴隨前端左右。了解更深，用的更順。表單屬性這個(gè)表單展示了form表單常用的屬性屬性名屬性值 ...

Forest10 2019-08-01 15:24 評(píng)論0 收藏0
前端——HTML

摘要：方式是將內(nèi)容放在了請(qǐng)求頭，所以會(huì)顯示在上，將內(nèi)容放在了請(qǐng)求體。此外，方式對(duì)提交內(nèi)容的長度有限制，必須在之內(nèi)，而沒有。如果屬性設(shè)置，表示選擇框只能同時(shí)顯示三項(xiàng)。表頭會(huì)自動(dòng)加粗居中，在表格內(nèi)容區(qū)，表示行，表示列。HTML HTML叫做超文本標(biāo)記語言，是一種制作萬維網(wǎng)頁面標(biāo)準(zhǔn)語言。相當(dāng)于定義一套規(guī)則，大家都來遵守它，這樣瀏覽器就可以去解釋它。瀏覽器負(fù)責(zé)將標(biāo)簽翻譯成用戶看得懂的格式，呈現(xiàn)給用戶。 ...

番茄西紅柿 2019-04-23 13:30 評(píng)論0 收藏0