2012-05-04 32 views
5

thể trùng lặp:
How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?Placeholder không hoạt động đúng trong tất cả các trình duyệt

tôi đã tạo ra một hộp đăng nhập popup và tôi đã sử dụng giữ chỗ để hiển thị tên trường đầu vào, nhưng trong khác các trình duyệt như IE9, IE8 và thậm chí IE10 không hiển thị văn bản giữ chỗ trong đầu vào.

Tôi làm cách nào để có thể giải quyết vấn đề này? Có cách nào khác để điền vào trường nhập liệu không?

<input name="username" type="text" value="" placeholder="Username" /> 
+2

http://stackoverflow.com/q/3429520/1367163 – Chandrakant

Trả lời

1

placeholder là một phần của tính năng HTML5 mới không được hỗ trợ đầy đủ bởi tất cả các trình duyệt cho đến bây giờ. để biết thêm thông tin, xin vui lòng kiểm tra:

EDIT:
nếu bạn đang sử dụng jQuery, có this little plugin để thêm hỗ trợ cho tất cả các trình duyệt xuống IE6.

2

Vì OEZI cho biết nó không được hỗ trợ trong tất cả các trình duyệt.

thử thay

<input name="username" type="text" value="" onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" /> 
+2

Giá trị mặc định và trình giữ chỗ ** không ** tương đương. – Quentin

+0

như Quentin đã nói điều này sẽ gửi "placeholder" -text làm giá trị khi gửi biểu mẫu không phải là thứ mà html5 giữ chỗ, vì vậy nó có thể không hoạt động hoặc cần kiểm tra bổ sung khi gửi (nếu đó là trường bắt buộc chẳng hạn - với điều này mã, đầu vào không trống khi "trình giữ chỗ" được hiển thị) – oezi

+1

vâng tôi biết nhưng nó không phải là việc lớn. bạn có thể dễ dàng xử lý nó. –

1

Placeholder này không được hỗ trợ bởi IE8 cho đến bây giờ. Bạn có thể sử dụng

<input type="text" name="username" onfocus="if(this.value=='Username') this.value='';" onblur="if(this.value=='') this.value='Username';" /> 
+2

Giá trị mặc định và trình giữ chỗ là ** không ** tương đương. – Quentin

+0

như Quentin cho biết điều này sẽ gửi "placeholder" -text làm giá trị khi gửi biểu mẫu không phải là thứ mà html5 giữ chỗ, vì vậy nó có thể không hoạt động hoặc cần kiểm tra bổ sung khi gửi (nếu đó là trường bắt buộc chẳng hạn - với điều này mã, đầu vào không trống khi "trình giữ chỗ" được hiển thị) – oezi

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