Thuộc tính placeholder của Input Number trong HTML DOM

Thuộc tính placeholder của HTML DOM Input Number trả về và cho phép thay đổi giá trị thuộc tính placeholder của trường nhập số.

Cú pháp

Cú pháp như sau:

• Lấy placeholder:

object.placeholder

• Thiết lập placeholder:

object.placeholder = “văn bản"

Ví dụ

Dưới đây là ví dụ về thuộc tính placeholder của HTML DOM Input Number:

<!DOCTYPE html> <html> <head> <style>    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    }    input{       display:block;       width:35%;       border:2px solid #fff;       background-color:transparent;       color:#fff;       font-weight:bold;       padding:8px;       margin:1rem auto;    }    .btn{       background:#0197F6;       border:none;       height:2rem;       border-radius:2px;       width:35%;       margin:2rem auto;       display:block;       color:#fff;       outline:none;       cursor:pointer;    } </style> </head> <body> <h1>Demo thuộc tính placeholder</h1> <p>Chào bạn, hãy nhập tuổi của bạn:</p> <input type="number" class="numberInput" placeholder="Nhập tuổi của bạn"> <button type="button" onclick="change()" class='btn'>Thay đổi Placeholder</button> <script>    function change() {       var numberInput = document.querySelector(".numberInput");       numberInput.placeholder = "Vui lòng nhập tuổi của bạn";    } </script> </body> </html>

Kết quả

Đoạn mã trên sẽ cho kết quả như sau:

Nhấn vào nút 「Thay đổi Placeholder」 để thay đổi giá trị của placeholder.