• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    JS實現input輸入框的小寫字母自動變成大寫字母

    JS實現輸入框的小寫字母主動釀成大寫字母的結果,只需要利用onkeyup事務就可以輕松實現 。下面介紹實現結果的過程。

    方式/步調

    1. 1

      新建一個HTML文件,定名為test.html ,用于測試結果。

    2. 2

      在test.html編寫一個form表單,并界說一個類型為text的input輸入框,用于輸入數據。

    3. 3

      給input元素一個id屬性,用于下面獲得input對象,對input輸入框的內容進行操作。

    4. 4

      給input綁心猿意馬onkeyup事務(當用戶釋放鍵盤按鈕時執行的事務),利用onkeyup事務執行upperCase函數,并把當前input的id傳遞給函數。

    5. 5

      在test.html編寫添加JS函數upperCase,用于獲得onkeyup事務傳遞過來的參數,并將字母進行轉換當作大寫的處置。

    6. 6

      在JS函數內利用getElementById方式獲得input輸入框的內容,并利用toUpperCase()方式將領受到的字母轉換為大寫字母。

    7. 7

       在瀏覽器運行頁面,當輸入小寫英文字母時,會主動釀成大寫字母。

    • 發表于 2019-07-08 17:02
    • 閱讀 ( 1183 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    推薦文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆