ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでlost focus属性onblurを使用する方法

HTMLでlost focus属性onblurを使用する方法

醉折花枝作酒筹
リリース: 2023-01-05 16:07:44
オリジナル
5276 人が閲覧しました

HTML では、要素がフォーカスを失ったときに onblur 属性がトリガーされます。構文", onblur Javascript 検証コードによく使用され、通常はフォーム入力ボックスで使用されます。

このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

onblur 属性は、要素がフォーカスを失ったときにトリガーされます。一般的にフォーム検証コードで使用されます (ユーザーがフォームフィールドを離れるときなど)。

注:

1. onfocus 属性は、onblur 属性の反対です。

2. すべての主要なブラウザは、onfocus 属性と onblur 属性をサポートしています。

ユーザーが入力フィールドを離れたときの検証:

<script>
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
<p>请输入您的姓名,然后把焦点移动到字段外:</p>
请输入您的姓名(英文字符):<input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
ログイン後にコピー

HTMLでlost focus属性onblurを使用する方法

推奨される学習: htmlビデオチュートリアル

以上がHTMLでlost focus属性onblurを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート