W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> input[type=text] { width: 100px; } input[type=text]:focus { width: 250px; } </style> </head> <body> <h1>width 属性</h1> <p>将输入框的宽度设置为 100 像素。然而，当输入框获得焦点时，将其宽度设置为 250 像素：</p> 搜索: <input type="text" name="search"> </body> </html>