Là vô hiệu hóa thẻ đầu vào trong HTML?

Khi phần tử bị tắt, nó không thể chấp nhận nhấp chuột. Để vô hiệu hóa một phần tử đầu vào, thuộc tính HTML bị vô hiệu hóa của nó phải là false

1. Sử dụng jQuery

Để đặt thuộc tính vô hiệu hóa hộp nhập liệu thành true hoặc false với jQuery, bạn có thể sử dụng hàm .

jQuery


1

2

3

4

5

6

7

8

9

10

11

12

$[tài liệu]. sẵn sàng[chức năng[] {

    var disabled = false;

    $['#submit'].nhấp chuột[chức năng[] {

        nếu [bị vô hiệu hóa] {

            $["#name"].prop['disabled', false];       // if disabled, enable

        }

        khác {

            $["#name"].prop['disabled', true];        // if enabled, disable

        }

        đã tắt = . tắt;

    }]

}];

HTML


1

2

3

4

5

< id="container">

    Enter your name:

    Toggle


Chỉnh sửa trong JSFiddle

 
Chúng tôi có thể đơn giản hóa mã để.

1

2

3

4

5

6

7

8

9

10

11

$[tài liệu]. sẵn sàng[chức năng[] {

    $['#submit'].nhấp chuột[chức năng[] {

        var bị vô hiệu hóa = $["#name"].prop['disabled'];

        nếu [bị vô hiệu hóa] {

            $["#name"].prop['disabled', false];        // if disabled, enable

        }

        khác {

            $["#name"].prop['disabled', true];        // if enabled, disable

        }

    }]

}];

Chỉnh sửa trong JSFiddle

 
Ngoài ra, bạn có thể sử dụng phương thức để đặt thuộc tính disabled của phần tử đầu vào và . removeAttr[] để xóa thuộc tính khỏi phần tử đầu vào.

jQuery


1

2

3

4

5

6

7

8

9

10

11

$[tài liệu]. sẵn sàng[chức năng[] {

    $['#submit'].nhấp chuột[chức năng[] {

        var bị vô hiệu hóa = $["#name"].attr['disabled'];

        nếu [bị vô hiệu hóa === undefined] {

            $["#name"].attr['disabled', 'disabled'];

        }

        khác {

            $["#name"].removeAttr['disabled'];

        }

    }]

}];

HTML


1

2

3

4

5

< id="container">

    Enter your name:

    Toggle


Chỉnh sửa trong JSFiddle

2. Sử dụng JavaScript

Với JavaScript đơn giản, bạn có thể sử dụng thuộc tính disabled của đối tượng DOM thực tế để bật hoặc tắt đầu vào

Đầu vào có phải là một thẻ trong HTML không?

Thẻ . Phần tử

Bị vô hiệu hóa một thuộc tính trong HTML?

Định nghĩa và cách sử dụng . Khi xuất hiện, nó chỉ định rằng phần tử sẽ bị vô hiệu hóa. Một yếu tố bị vô hiệu hóa là không sử dụng được. Thuộc tính bị vô hiệu hóa có thể được đặt để ngăn người dùng sử dụng phần tử cho đến khi một số điều kiện khác được đáp ứng [như chọn hộp kiểm, v.v. ]. The disabled attribute is a boolean attribute. When present, it specifies that the element should be disabled. A disabled element is unusable. The disabled attribute can be set to keep a user from using the element until some other condition has been met [like selecting a checkbox, etc.].

Đầu vào bị vô hiệu hóa có được gửi không?

Nếu một trường bị vô hiệu hóa , giá trị của trường không được gửi đến máy chủ khi biểu mẫu được gửi . Nếu một trường là chỉ đọc, giá trị sẽ được gửi đến máy chủ.

Làm cách nào để tắt chỉnh sửa trong HTML đầu vào?

Bạn có thể sử dụng thuộc tính chỉ đọc hoặc bị vô hiệu hóa . Lưu ý rằng khi bị tắt, giá trị của đầu vào sẽ không được gửi khi gửi biểu mẫu. Ngoài ra, điều quan trọng cần nhắc là ngay cả khi sử dụng thuộc tính chỉ đọc, bạn không bao giờ nên tin tưởng vào đầu vào của người dùng bao gồm các lần gửi biểu mẫu.

Chủ Đề