Thuộc tính width của phần tử <input> chỉ được dùng với kiểu image (hình ảnh) và cho phép bạn đặt chiều rộng của hình ảnh được thêm bằng:
<input type="image">
Thuộc tính width được giới thiệu trong HTML5 và đóng vai trò như nút gửi (submit button). Cú pháp như sau:
<input width="pixels">
Ở trên, width đại diện cho chiều rộng tính bằng pixel.
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Đăng ký</h2> <form action="" method="get"> ID − <input type="text" name="id" placeholder="Nhập UserId tại đây..." size = "25"><br> Mật khẩu − <input type="password" name="pwd" placeholder="Nhập mật khẩu tại đây..."><br> Ngày sinh − <input type="date" name="dob"><br> Điện thoại − <input type="tel" name="tel" placeholder="Nhập số di động tại đây..."><br> Email − <input type="email" name="email" placeholder="Nhập email tại đây..." size = "35"><br><br> <input type="image" src="go.jpg" alt="Gửi" width="120" height="60"> </form> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta có một form với nút bấm mà chúng ta thêm hình ảnh:
<form action="" method="get"> ID − <input type="text" name="id" placeholder="Nhập UserId tại đây..." size = "25"><br> Mật khẩu − <input type="password" name="pwd" placeholder="Nhập mật khẩu tại đây..."><br> Ngày sinh − <input type="date" name="dob"><br> Điện thoại − <input type="tel" name="tel" placeholder="Nhập số di động tại đây..."><br> Email − <input type="email" name="email" placeholder="Nhập email tại đây..." size = "35"><br><br> <input type="image" src="go.jpg" alt="Gửi" width="120" height="60"> </form>
Hình ảnh cho nút bấm được thêm bằng điều khiển form input type image:
<input type="image" src="go.jpg" alt="Gửi" width="120" height="60">
Thuộc tính width của <input> được dùng để đặt chiều rộng của hình ảnh này.