Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

19

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi muốn có một nhóm văn bản HTML ____ ____ 6 có thể bị mờ đi (vô hiệu hóa) cùng một lúc. Tôi cũng muốn toàn bộ khu vực mà họ đang ở bằng cách nào đó bị mờ đi hoặc ít nhất là bị vô hiệu hóa rõ ràng. Tôi đã thấy những thứ như thế này được thực hiện trong các ứng dụng máy tính để bàn.

Bất kỳ ý tưởng về một cách dễ dàng/thanh lịch để làm điều đó? Tôi đang cố gắng tránh đặt hàng thủ công từng chiếc thành disabled="disabled" và cũng có một khu vực xung quanh các ____ 6 chỉ ra rằng toàn bộ phần của biểu mẫu là không thể chỉnh sửa.

Chỉnh sửa: Xin lỗi, tôi nên đề cập đến một vài điều nữa ...

  1. Mọi thứ là địa phương. Tôi không sử dụng PHP hoặc ASP hoặc bất cứ thứ gì tương tự ... chỉ là HTML, JavaScript và CSS. Cũng không có jQuery!
  2. Tôi muốn bật/tắt một cách linh hoạt "Vùng" với JavaScript
  3. Nó không phải là
    , chỉ là một loạt các ____ 6

Hỏi ngày 24 tháng 9 năm 2010 lúc 18:17Sep 24, 2010 at 18:17

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

Tony Rtony rTony R

10,9K23 Huy hiệu vàng75 Huy hiệu bạc100 Huy hiệu Đồng23 gold badges75 silver badges100 bronze badges

1

Tham số Destable = "Disable" là cách tiêu chuẩn để thực hiện việc này và bạn có thể sử dụng một cái gì đó như jQuery để vô hiệu hóa tất cả các yếu tố biểu mẫu có trong một trường (là cách tiêu chuẩn nhóm các yếu tố hình thức liên quan) khi đang bay.

Ngoài ra, bạn có thể đặt một div trong suốt một phần lên trên các trường. Điều này cũng sẽ cung cấp một số chặn các yếu tố biểu mẫu từ các nhấp chuột của chuột, nhưng sẽ không bảo vệ chống lại việc lập bảng cho chúng. Bạn vẫn nên vô hiệu hóa các yếu tố hình thức.

Đã trả lời ngày 24 tháng 9 năm 2010 lúc 18:26Sep 24, 2010 at 18:26

PowertiekepowertiekePowertieke

2.3081 Huy hiệu vàng14 Huy hiệu bạc20 Huy hiệu đồng1 gold badge14 silver badges20 bronze badges

3

for(i=0; i

Các vòng lặp qua các phần tử của biểu mẫu với tên dạng tên và vô hiệu hóa từng phần tử .. sau đó thay đổi màu nền của phần tử xung quanh

Đã trả lời ngày 24 tháng 9 năm 2010 lúc 18:24Sep 24, 2010 at 18:24

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

Landolandolando

Phù hiệu đồng 12133 bronze badges

Xin lưu ý: nếu bạn làm


1

Hệ số đầu vào sẽ không được truyền nếu người dùng gửi biểu mẫu.

Thay vào đó, những gì bạn muốn làm là:


Nếu biểu mẫu của bạn ở trong một

Điều đó có cắt bánh không?

https://www.cs.tut.fi/~jkorpela/forms/readonly.html

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

Đã trả lời ngày 10 tháng 1 năm 2017 lúc 9:19Jan 10, 2017 at 9:19

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

Canoodlecanoodlecanoodle

4905 Huy hiệu bạc10 Huy hiệu Đồng5 silver badges10 bronze badges

1

Bạn chỉ có thể sử dụng jQuery để vô hiệu hóa tất cả các yếu tố biểu mẫu trong khu vực đó, như:


  //assuming that area is a div element with id lets say disabled-area
  $(document).ready(function(){
    $("#disabled-area input").attr("disabled", "disabled");
  });

Tôi đã không kiểm tra nó, vì vậy tôi hy vọng điều này sẽ hoạt động :)

Đã trả lời ngày 24 tháng 9 năm 2010 lúc 18:24Sep 24, 2010 at 18:24

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

LandolandoVentus

Phù hiệu đồng 12134 gold badges34 silver badges40 bronze badges

1

Xin lưu ý: nếu bạn làm


1

Hệ số đầu vào sẽ không được truyền nếu người dùng gửi biểu mẫu.Sep 24, 2010 at 18:25

Thay vào đó, những gì bạn muốn làm là:Laimoncijus

Nếu biểu mẫu của bạn ở trong một10 gold badges57 silver badges80 bronze badges

2

Điều đó có cắt bánh không?

$('form').children().prop('disabled',true)

Đã trả lời ngày 10 tháng 1 năm 2017 lúc 9:19

CanoodlecanoodleAug 18, 2017 at 20:51

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

4905 Huy hiệu bạc10 Huy hiệu ĐồngThielicious

Bạn chỉ có thể sử dụng jQuery để vô hiệu hóa tất cả các yếu tố biểu mẫu trong khu vực đó, như:2 gold badges24 silver badges35 bronze badges

Tôi đã không kiểm tra nó, vì vậy tôi hy vọng điều này sẽ hoạt động :)

for (x=0; x

Đã trả lời ngày 24 tháng 9 năm 2010 lúc 18:24Sep 24, 2010 at 18:24

Hướng dẫn how to grey out input box in html - làm thế nào để tô xám hộp nhập liệu trong html

LandolandoBrad

Phù hiệu đồng 121348 gold badges342 silver badges512 bronze badges

Làm thế nào để tôi màu xám một tế bào trong HTML?

Trong cuộc đối thoại quy tắc định dạng mới, chọn sử dụng một công thức để xác định các ô nào để định dạng. Sau đó, trong các giá trị công thức trong đó công thức này là đúng, gõ = b2 = "trả tiền". Sau đó, nhấp vào định dạng để đi đến đối thoại định dạng ô. Trong tab điền, chọn màu xám.

Làm thế nào để tôi màu xám văn bản trong HTML?

Ví dụ màu văn bản sử dụng #808080..
HTML sử dụng ví dụ mã màu.Văn bản của bạn ở đây.
HTML sử dụng ví dụ tên màu W3C.Văn bản của bạn ở đây.
Ví dụ mã CSS.p {màu: #808080;} Tất cả các câu hỏi về màu sắc và mã màu HTML.Màu sắc nhẹ hơn.#8a8a8a.#949494 ..

Làm cách nào để màu xám một hộp kiểm trong HTML?

Bạn có thể tạo kiểu hộp kiểm và đầu vào đọc sẵn với CSS, ví dụ: Input [readOnly = "readOnly"] {} Nhưng trình duyệt sẽ làm cho hộp kiểm sẽ xuất hiện mờ khi đặt thành readonly."Hộp kiểm nên xuất hiện màu xám chỉ bằng cách đặt thuộc tính đọc" - đã thử trong IE8, FF12.0, chrome.style checkbox label and readonly inputs with CSS, e.g.: input [readonly="readonly"] {} but the browser should make the checkbox should appear greyed out when set to readonly. "checkbox itself should appear greyed out just by setting the readonly attribute" - Tried in IE8, FF12. 0, Chrome.

Làm thế nào để bạn ẩn trường đầu vào trong HTML?

Các xác định một trường đầu vào ẩn.Một trường ẩn cho phép các nhà phát triển web bao gồm dữ liệu không thể nhìn thấy hoặc sửa đổi bởi người dùng khi một biểu mẫu được gửi. defines a hidden input field. A hidden field lets web developers include data that cannot be seen or modified by users when a form is submitted.