Sublime Text
<!DOCTYPE html> <html> <head> <style> input:valid{ background-color: yellow; } </style> </head> <body> <input type="email" value="laptrinhweb@webcoban.com"> <p>Bạn thử xóa email đó, rồi nhập lại (bạn sẽ thấy trước khi gõ đến từ @ thì giá trị đó là không hợp lệ vì nó không đúng định dạng email)</p> <input type="number" min="5" max="8" value="6"> <p>Bạn thử nhập số nhỏ hơn 5 hoặc lớn hơn 8</p> <p><u><i>Nhận xét:</i></u> trạng thái :valid giống với trạng thái :in-range ở chỗ là dùng để kiểm tra sự hợp lệ của giá trị. Tuy nhiên, :in-range chỉ dùng để kiểm tra giá trị kiểu number</p> </body> </html>
<!DOCTYPE html> <html> <head> <style> input:valid{ background-color: yellow; } </style> </head> <body> <input type="email" value="laptrinhweb@webcoban.com"> <p>Bạn thử xóa email đó, rồi nhập lại (bạn sẽ thấy trước khi gõ đến từ @ thì giá trị đó là không hợp lệ vì nó không đúng định dạng email)</p> <input type="number" min="5" max="8" value="6"> <p>Bạn thử nhập số nhỏ hơn 5 hoặc lớn hơn 8</p> <p><u><i>Nhận xét:</i></u> trạng thái :valid giống với trạng thái :in-range ở chỗ là dùng để kiểm tra sự hợp lệ của giá trị. Tuy nhiên, :in-range chỉ dùng để kiểm tra giá trị kiểu number</p> </body> </html>