2011-09-13 39 views
6

Có cách nào tôi có thể hiển thị văn bản trình giữ chỗ bên trong thẻ đầu vào của loại = số không?Cách hiển thị văn bản của trình giữ chỗ trong mục nhập số của HTML5

Chi tiết Q: Thuộc tính 'chỗ dành sẵn' của thẻ nhập HTML được sử dụng để hiển thị mô tả về thẻ đầu vào trong giao diện người dùng khi phần tử không được tập trung - văn bản mô tả sẽ trống khi cùng một trường được lấy tiêu điểm. Vấn đề là không có văn bản nào hiển thị nếu kiểu đầu vào được tạo bằng loại = "số". Tôi có giới hạn về không gian trong giao diện người dùng của mình và không thể trả tiền nhãn trước thẻ đầu vào.

Mọi đề xuất?

+0

Từ [thông số] (http://www.w3.org/TR/html5/common-input-element-attributes.html#the-placeholder-attribute): * Thuộc tính trình giữ chỗ đại diện cho một gợi ý ngắn (một từ hoặc cụm từ ngắn) nhằm hỗ trợ người dùng nhập dữ liệu. Một gợi ý có thể là một giá trị mẫu hoặc một mô tả ngắn gọn về định dạng mong đợi. * Nó không phải là một thay thế cho '

+0

văn bản giữ chỗ dường như không hoạt động trong trình duyệt IE – jzm

Trả lời

26

Trình giữ chỗ không được dùng làm nhãn cho đầu vào. Trình giữ chỗ phải chứa các ví dụ về đầu vào hợp lệ. Vì vậy, trong trường hợp đầu vào số, giá trị hợp lệ duy nhất cho trình giữ chỗ là một số.

Nhưng nếu bạn muốn sử dụng sai chỗ dành sẵn để lưu phòng, bạn chỉ có thể sử dụng một chút JS để khắc phục sự cố của mình.

<input placeholder="Amount" onfocus="this.type='number';"> 

PS Chrome Hàng đêm dường như không có vấn đề gì khi kết hợp số và trình giữ chỗ.

Các vấn đề liên quan