社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > javascript怎麼設定input框為唯讀

javascript怎麼設定input框為唯讀

青灯夜游
發布： 2021-12-08 17:38:01
原創
9019 人瀏覽過

設定方法：1、使用「document.getElementById(id)」語句根據指定id值取得input元素物件；2、使用「input物件.setAttribute("readOnly", true)」語句給input元素新增唯讀樣式。

javascript怎麼設定input框為唯讀

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中，想要設定input框為唯讀，只需要使用setAttribute()方法為input元素新增唯讀屬性--readOnly即可。

setAttribute() 方法新增指定的屬性，並為其賦指定的值。

語法：

1

element.setAttribute(attributename,attributevalue)

登入後複製

範例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

    </head>

    <body>

        <input type="text" id="text" /><br><br>

        <input type="button" value="设为只读" id="btn" />

        <script>

            function my(id) {

                return document.getElementById(id);

            }

            my("btn").onclick = function() {

                my("text").setAttribute("readOnly", true);

            }

        </script>

    </body>

</html>

登入後複製

javascript怎麼設定input框為唯讀

#【相關推薦：javascript學習教學】

#

以上是javascript怎麼設定input框為唯讀的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
input javascript 只讀
上一篇：javascript怎麼刪除陣列第一個元素 下一篇：jquery怎樣去掉元素的css屬性
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板