Trang chủ
CSS
Biểu mẫu CSS
Tryit: Tạo trường nhập liệu có biểu tượng bên trong
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> input[type=text] { width: 100%; kích thước hộp: hộp viền; đường viền: 2px liền khối #ccc; bán kính đường viền: 4px; cỡ chữ: 16px; màu nền: trắng; hình nền: url('searchicon.png'); vị trí nền: 10px 10px; lặp lại nền: không lặp lại; phần đệm: 12px 20px 12px 40px; } </style> </head> <body> <h2>Trường nhập có biểu tượng bên trong</h2> <form> <input type="text" name="search" placeholder="Search.."> </ biểu mẫu> </body> </html>