2010-09-02 9 views
9

Un cliente tiene una maqueta de diseñador de un botón de formulario que muestra un carácter de triángulo orientado hacia la derecha después del texto principal, pero parece que no puedo mostrarlo. El marcado ofensivo es; ¿Es posible mostrar caracteres Unicode en un tipo de entrada HTML = enviar valor?

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

Esto debe ser similar a 'Añadir a la cesta ▶' (si se hace en su navegador).

¿Es posible o estoy haciendo algo mal?

Una solución de jquery también es aceptable como un hack. La página cumple con HTML5, tal vez eso ayude.

Gracias de antemano,

Ryan

Actualización: Las respuestas a continuación son correctos, había una manera más fácil sin embargo, acabo de copiar el triángulo de esta pregunta y directamente a mi editor HTML. Sin codificación necesaria.

Gracias a todos.

+0

Todas las páginas web que he visto que hacen esto utilizan una imagen como un botón de envío falso. –

+0

Funciona para mí (cromo). ¿Hay un límite en el ancho del botón? – OmerGertel

+0

Funciona en Win2k3 + IE8/Chrome/FF, no funciona en XP/SP3 + IE8/IE7. – egrunin

Respuesta

5

Ya se puede utilizar el 100%

Sólo hay que asegurarse

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

debe estar presente.

La metaetiqueta es ignorada por los navegadores si el encabezado HTTP está presente.

También asegúrese de que su archivo está realmente codificado como UTF-8 antes de servirlo, compruebe/intente lo siguiente:

Asegúrese de que el editor de la guarda como UTF-8.

Asegúrese de que su FTP o cualquier programa de transferencia de archivos no se meta con el archivo.

0

Consulte la última página de Alan Flavell FORM submission and i18n sobre el problema. Tiene años pero, hasta donde yo sé, sigue siendo relevante.

En resumen: el envío de formularios se realiza con la misma codificación que la página html. Por lo tanto, debe proporcionar una codificación utilizable para la página html.

1

Prueba esto:

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

Tiene el mismo efecto que <input type='button'>, pero también se puede escribir charset interior.

Espero que esto ayude.

Cuestiones relacionadas