HTML onclick 按鈕

WBOY
發布: 2024-09-04 16:49:36
原創
375 人瀏覽過

在 HTML 中,我們有一個按鈕用於將使用者請求資料提交到伺服器(後端)以驗證和導航網頁。主要是,如果我們使用 onclick 按鈕作為事件屬性,並且所有瀏覽器都支持,那麼無論我們在腳本中使用此事件函數,瀏覽器相容性功能也是如此。當使用者點擊時,該事件就會出現。標籤,會用到,需要在

onclick 按鈕的工作原理

主要用於在使用者需要點擊按鈕的地方觸發並呼叫函數。如果使用者透過點擊滑鼠, Onclick 事件中的元素,它會呼叫 Javascript 等函數。 …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>
登入後複製

輸出:

HTML onclick 按鈕

在上面的範例中,我們建立了javascript函數;此外,當使用者點擊「click」按鈕時,瀏覽器本身會顯示「Welcome」值。

範例#2

代碼:

<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
登入後複製

輸出:

HTML onclick 按鈕

上面的範例也與我們在前面的範例 1 中討論的相同,但這裡我們沒有使用任何

以上是HTML onclick 按鈕的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!