首頁 > web前端 > html教學 > 在HTML中,當元素接收到使用者輸入時執行腳本嗎?

在HTML中,當元素接收到使用者輸入時執行腳本嗎?

PHPz
發布: 2023-09-17 14:13:02
轉載
1288 人瀏覽過

在HTML中,當元素接收到使用者輸入時執行腳本嗎?

使用oninput 事件屬性在元素取得使用者輸入時觸發。您可以嘗試執行以下程式碼來實作oninput 屬性 -

#範例

<!DOCTYPE html>
<html>
   <body>
      <p>Write your name below:</p>
      <input type = "text" id = "myid" oninput="display()">
      <p id="test"></p>
      <script>
         function display() {
            var p = document.getElementById("myid").value;
            document.getElementById("test").innerHTML = "Your answer is " + p;
         }
      </script>
   </body>
</html>
登入後複製

以上是在HTML中,當元素接收到使用者輸入時執行腳本嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板