HTML には、Web ページを検証してナビゲートするために、ユーザー要求データをサーバー (バックエンド) に送信するためのボタンがあります。主に、イベント属性に onclick ボタンを使用し、すべてのブラウザでサポートされている場合、スクリプト内でこのイベント関数を使用する場合は常にブラウザ互換機能も同様です。ユーザーが <ボタン>をクリックすると、イベントが表示されます。タグを使用するには、
onclick ボタンの動作
主に、ユーザーがボタンをクリックする必要がある場所で関数をトリガーして呼び出すために使用されます。ユーザーが
構文:
<button name="" value="" onclick<strong> ="</strong>function()"/>
ログイン後にコピー
上記の構文は、HTML 属性での onclick イベントの基本的な使用法です。また、ユーザーの要件に応じて必要に応じてイベントをカスタマイズしました。
HTML の onclick ボタンの例
以下は、HTML の onclick ボタンの例です。
例 #1
コード:
<html>
<body>
<button onclick="Function()">Click</button>
<p id="sample"></p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
ログイン後にコピー
出力:
上記の例では、JavaScript 関数を作成しました。さらに、ユーザーが「クリック」ボタンをクリックすると、ブラウザ自体に値「ようこそ」が表示されます。
例 #2
コード:
<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
ログイン後にコピー
出力:
上の例も前の例 1 で説明したものと同じですが、ここでは