2010-09-02 25 views
9

Một khách hàng có mockup thiết kế của nút biểu mẫu hiển thị ký tự hình tam giác phải đối mặt sau văn bản chính, nhưng tôi dường như không thể hiển thị điều này. Đánh dấu vi phạm là; Có thể hiển thị các ký tự unicode trong một kiểu đầu vào HTML = gửi giá trị không?

<input type="submit" value="Add to basket &#9654;" />

này sẽ giống như 'Thêm vào giỏ ▶' (nếu nó ám trong trình duyệt của bạn).

Điều này có thể xảy ra hoặc tôi đang làm điều gì đó sai?

Cách giải quyết khác cũng có thể chấp nhận được như một bản hack. Trang tuân thủ HTML5, có thể điều đó sẽ giúp ích.

Cảm ơn trước,

Ryan

Cập nhật: Những câu trả lời dưới đây là chính xác, có một cách dễ dàng hơn, mặc dù tôi chỉ cần sao chép các hình tam giác ra khỏi câu hỏi này và thẳng vào tôi soạn thảo HTML. Không cần mã hóa.

Cảm ơn tất cả.

+0

Tất cả các trang web mà tôi đã thấy làm việc này sử dụng hình ảnh làm nút gửi giả mạo. –

+0

Làm việc cho tôi (chrome). Có giới hạn về chiều rộng của nút không? – OmerGertel

+0

Hoạt động trong Win2k3 + IE8/Chrome/FF, không hoạt động trong XP/SP3 + IE8/IE7. – egrunin

Trả lời

5

Ya bạn có thể sử dụng 100%

chỉ đảm bảo

Content-Type: text/html; charset=utf-8 

nên có mặt.

Thẻ meta bị bỏ qua bởi trình duyệt nếu có tiêu đề HTTP.

Cũng đảm bảo rằng tập tin của bạn là thực sự được mã hóa theo UTF-8 trước khi phục vụ nó, kiểm tra/thử như sau:

Đảm bảo soạn thảo của bạn lưu nó dưới dạng UTF-8.

Đảm bảo FTP của bạn hoặc bất kỳ chương trình truyền tệp nào không gây rối với tệp.

4

Yes it is possible.

Hãy chắc chắn để sử dụng utf-8 meta:

<meta charset=utf-8 /> 
+0

Xin chào, mũi tên đẹp! – bzlm

+0

Đối với những gì nó có giá trị: mà không hoạt động trên WinXP/IE8. – egrunin

0

Xem trang cuối của Alan Flavell FORM submission and i18n về sự cố. Đó là năm tuổi nhưng, theo như tôi biết, vẫn còn có liên quan.

Tóm lại: gửi biểu mẫu xảy ra trong cùng một mã hóa với chính trang html. Vì vậy, bạn phải cung cấp mã hóa có thể sử dụng cho trang html.

1

Hãy thử điều này:

<button type='submit'>Add to basket &#9654;</button>

Nó có tác dụng tương tự như <input type='button'>, nhưng bạn cũng có thể viết charset bên trong.

Tôi hy vọng điều này sẽ hữu ích.

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