Chúng tôi có thể xác định bộ chọn màu theo loại đầu vào =”color”. Nó cung cấp một thành phần giao diện người dùng cho phép người dùng chỉ định một màu, bằng cách sử dụng giao diện chọn màu trực quan hoặc bằng cách nhập màu vào trường văn bản ở định dạng thập lục phân #rrggbb. Chỉ cho phép các màu không có kênh alpha. Mặc dù màu CSS có nhiều định dạng hơn, nhưng. g. tên màu, ký hiệu chức năng và định dạng thập lục phân với kênh alpha
Tôi có một trường văn bản với id=TextField. Khi người dùng nhập 10 vào trường này, tôi muốn màu phông chữ của 10 thay đổi ngay lập tức thành màu đỏ (và nếu có thể, hãy thay đổi màu nền của trường văn bản)
Có vẻ như cách tốt nhất để làm điều này là thay đổi kiểu CSS của TextField khi 10 được nhập vào trường này.
Tôi đã tìm kiếm trực tuyến nhưng không thể có bất kỳ mã có sẵn nào để hoạt động
Thanks
Liên kết để bình luậnChia sẻ trên các trang web khác
âm nhạc tháng năm
Đăng ngày 5 tháng 2 năm 2014
âm nhạc tháng năm
- Caspio nhà truyền giáo
- 1. 5k
- Bài báo cáo
- Chia sẻ
Đăng ngày 5 tháng 2 năm 2014
bạn có thể thử cái này
<script> function f_color(){ if (document.getElementById('ID').value = '10') { document.getElementById('ID').style.color = "red"; } } document.getElementById('ID').onchange= f_color; </script>Liên kết để bình luậnChia sẻ trên các trang web khác
âm nhạc tháng năm
Đăng ngày 6 tháng 2 năm 2014
âm nhạc tháng năm
- Caspio nhà truyền giáo
- 1. 5k
- Bài báo cáo
- Chia sẻ
Đăng ngày 6 tháng 2 năm 2014
Để thay đổi màu nền, bạn có thể có
<script> function f_color(){ if (document.getElementById('ID').value = '10') { document.getElementById('ID').style.color = "red"; document.getElementById('ID').style.background="yellow"; } } document.getElementById('ID').onchange= f_color; </script>Đảm bảo thay thế ID trong cả hai mã
Liên kết để bình luậnChia sẻ trên các trang web khác
vỗ nhẹ
Đăng ngày 6 tháng 2 năm 2014
vỗ nhẹ
- caspio ninja
- 34
- Tác giả
- Bài báo cáo
- Chia sẻ
Đăng ngày 6 tháng 2 năm 2014
Thật không may, tôi không thể làm việc này
Tôi đã thử cả hai tập lệnh (từng tập lệnh một) bằng cách chèn chúng vào một khối HTML. đây là những gì tôi đã chèn cho tập lệnh đầu tiên
hàm f_color(){
nếu (tài liệu. getElementById('EditRecordnote'). giá trị = '10') {
tài liệu. getElementById('EditRecordnote'). kiểu dáng. màu sắc = "đỏ";
}
}
tài liệu. getElementById('EditRecordnote'). onchange= f_color;
Here is the input code:
Liên kết để bình luậnChia sẻ trên các trang web khác
âm nhạc tháng năm
Đăng ngày 8 tháng 2 năm 2014
âm nhạc tháng năm
- Caspio nhà truyền giáo
- 1. 5k
- Bài báo cáo
- Chia sẻ
Đăng ngày 8 tháng 2 năm 2014
Đầu tiên bạn cần đặt đoạn script vào thẻ footer hoặc after input, đây cũng là cách gọi hàm onchange nên nếu bạn để giá trị mặc định thì nó sẽ không hoạt động và chỉ hoạt động khi bạn gõ 10 vào ô và bỏ ô. Nếu bạn muốn hiển thị nó khi tải trang, hãy thay đổi nó thành
<input type="text" class="cbFormTextField" size="2" maxlength="255" name="EditRecordnote" id="EditRecordnote" value="10"> <script> function f_color(){ if (document.getElementById('EditRecordnote').value = '10') { document.getElementById('EditRecordnote').style.color = "red"; document.getElementById('EditRecordnote').style.background="yellow"; } } f_color(); </script>Liên kết để bình luậnChia sẻ trên các trang web khác
Scottster
Đăng ngày 14 tháng 10 năm 2014
Scottster
- Các thành viên
- 12
- Bài báo cáo
- Chia sẻ
Đăng ngày 14 tháng 10 năm 2014
Tôi đang cố triển khai điều này trên Trang kết quả báo cáo nhưng không gặp may. Tôi cho rằng tập lệnh nằm ở cuối trang, nhưng có một số thay đổi khác cần thiết không?