Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> :invalid{ background-color:pink; } </style> </head> <body> <input type="email" value="thanhnhan"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên không hợp lệ, vì nó không phải là email</p> <input type="email" value="thanhnhan@gmail.com"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên hợp lệ, vì nó là email</p> <input type="number" min="50" max="100" value="25"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên không hợp lệ, vì nó nằm ngoài phạm vi cho phép</p> <input type="number" min="50" max="100" value="75"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên hợp lệ, vì nó nằm trong phạm vi cho phép</p> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> :invalid{ background-color:pink; } </style> </head> <body> <input type="email" value="thanhnhan"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên không hợp lệ, vì nó không phải là email</p> <input type="email" value="thanhnhan@gmail.com"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên hợp lệ, vì nó là email</p> <input type="number" min="50" max="100" value="25"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên không hợp lệ, vì nó nằm ngoài phạm vi cho phép</p> <input type="number" min="50" max="100" value="75"> <p>- <i><u>GIẢI THÍCH</u>:</i> Giá trị của phần tử input phía trên hợp lệ, vì nó nằm trong phạm vi cho phép</p> </body> </html>