HTML thay đổi màu sắc của văn bản dựa trên giá trị

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ận

Chia 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ận

Chia 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ận

Chia 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ận

Chia 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ận

Chia 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?

Làm cách nào để thay đổi màu văn bản trong HTML trong div?

Làm cách nào để thay đổi màu văn bản trong HTML mà không cần CSS?

Làm cách nào để thay đổi màu của văn bản dựa trên giá trị văn bản bằng cách sử dụng CSS?