Jak wyświetlić tekst zastępczy w wpisie liczbowym HTML5

Czy istnieje sposób, aby pokazać tekst zastępczy wewnątrz znacznika wejściowego typu = numer?Jak wyświetlić tekst zastępczy w wpisie liczbowym HTML5

Szczegółowy P: Właściwość "symbol zastępczy" znacznika wejściowego HTML służy do wyświetlania opisu znacznika wejściowego w interfejsie użytkownika, gdy element nie jest skupiony - tekst opisowy jest pusty, gdy fokus staje się tym samym polem. Problem polega na tym, że tekst nie jest widoczny, jeśli typ wejścia składa się z type = "number". Mam ograniczenia przestrzeni w moim interfejsie użytkownika i nie stać mnie na etykietę przed tagiem wejściowym.

Wszelkie sugestie?

Źródło

2011-09-13 amandeepsingh bajwa

Od [the spec] (http://www.w3.org/TR/html5/common-input-element-attributes.html#the-placeholder- attribute): * Atrybut placeholder reprezentuje krótką wskazówkę (a słowo lub krótka fraza) przeznaczone do pomocy użytkownikowi przy wprowadzaniu danych. Wskazówka może być przykładową wartością lub krótkim opisem oczekiwanego formatu. * Nie zastępuje ''. – Quentin

Tekst zastępczy wydaje się nie działać w przeglądarce IE – jzm

Symbole zastępcze nie są przeznaczone do wprowadzania etykiet. Symbol zastępczy powinien zawierać przykłady prawidłowych danych wejściowych. Więc w przypadku wprowadzania liczb jedyną poprawną wartością dla symbolu zastępczego jest liczba.

Ale jeśli chcesz użyć symbolu zastępczego do zapisania pokoju, możesz użyć małego JS, aby rozwiązać problem.

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

PS Chrome Nightly nie ma problemu z łączeniem numeru i symbolu zastępczego.

Źródło

2011-09-13 13:06:29 Gerben

Jak wyświetlić tekst zastępczy w wpisie liczbowym HTML5

Odpowiedz

Powiązane problemy