HTML には、Web ページを検証してナビゲートするために、ユーザー要求データをサーバー (バックエンド) に送信するためのボタンがあります。主に、イベント屬性に onclick ボタンを使用し、すべてのブラウザでサポートされている場(chǎng)合、スクリプト內(nèi)でこのイベント関數(shù)を使用する場(chǎng)合は常にブラウザ互換機(jī)能も同様です。ユーザーが <ボタン>をクリックすると、イベントが表示されます。タグを使用するには、
onclick ボタンの動(dòng)作
主に、ユーザーがボタンをクリックする必要がある場(chǎng)所で関數(shù)をトリガーして呼び出すために使用されます。ユーザーが
構(gòu)文:
<button? name="" value="" onclick<strong> ="</strong>function()"/>
上記の構(gòu)文は、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 関數(shù)を作成しました。さらに、ユーザーが「クリック」ボタンをクリックすると、ブラウザ自體に値「ようこそ」が表示されます。
例 #2
コード:
<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
出力:
上の例も前の例 1 で説明したものと同じですが、ここでは