| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <style> | |
| input { | |
| outline: 2px solid lime; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <input type="number" value=0 min=0 max=10 disabled> Disabled in-range | |
| <br><br> | |
| <input type="number" value=0 min=0 max=10 readonly> Read-only in-range | |
| <br><br> | |
| <input type="number" value=11 min=0 max=10 disabled> Disabled out-of-range | |
| <br><br> | |
| <input type="number" value=11 min=0 max=10 readonly> Read-only out-of-range | |
| </body> | |
| </html> | |