トップページ >  javascript >  入力部品の大文字小文字に変換
初版2008/10/29: 最終更新日2008/10/29
  入力部品の大文字小文字に変換
入力部品の大文字小文字に変換
toUpperCase()やtoLowerCase()を使用して入力フィールドの値などを大文字や小文字に変換することができます。
以下、テキストフィールドに文字を入力し、ボタンを押すと大文字または小文字に変換されます。



ソース
<html>
<head>
<title></title>
<script type="text/javascript">
    function upper(){
        document.getElementById('field').value = document.getElementById('field').value.toUpperCase();
    }
    function lower(){
        document.getElementById('field').value = document.getElementById('field').value.toLowerCase();
    }
</script>
</head>
<body>
<input type="text" id="field" maxlength="10">
<input type="button" value="大文字に変換" onclick="upper();">
<input type="button" value="小文字に変換" onclick="lower();">
</body>
</html>


スタイルシートで指定
入力時点から大文字にしたい場合や小文字にしたい場合はスタイルシートで指定することができます。
詳しくは こちら を御覧下さい。

Information

運営サイト
飲み会するならLINKS!!

美人メッセージ!
美人メッセージ!

サイト内検索
当サイト内を検索できます↓


PV

Contact
Skype Me?!

Other
Validate XHTML 1.1       Validate CSS