Mobilne Safari - domyślne ustawienia dla pełnej klawiatury numerycznej dla wpisu dziesiętnego bez typu = "liczba" lub wyłączenie typu wejścia Safari = "numer" korekta

Question

Mam dość prosty, ale frustrujący problem, zasadniczo próbowałem aby zmusić pola wejściowe do zachowania się bardziej jak typy wprowadzania tekstu (gdy nie korygują niepoprawnych wpisów liczbowych, takich jak "0..7", aby skrócić do "0") i po prostu pozwalają JSowi na walidację i walidację backendu wykonują swoje zadanie. Jednakże, chociaż chcę pozwolić użytkownikowi na wpisanie tego, co chce w polu (typ wejścia = "tekst"), chcę wyświetlić pełną klawiaturę numberpad.

oryginalny:

<input type="number" name="test" class="answers" id="mileage" value="0.0" maxlength=5 /> 

próbuje naprawić:

Works na iPadzie, ale nie na iPody, jak iPody wyświetlić kompaktowy pad numer bez miejsc po przecinku:

<input type="text" name="test" class="answers" id="mileage" value="0.0" maxlength=5 pattern="\d*"/> 

robi” t działa na iPodzie, ponieważ wyświetla pełną klawiaturę tekstową, ale domyślnie nie jest wyświetlana "strona numeryczna" pełnej klawiatury z dziesiętnym znakiem:

<input type="text" name="test" class="answers" id="mileage" value="0.0" maxlength=5 pattern="\d+(\.\d*)?"/> 

Ktoś ma jakieś pomysły? Aby uniemożliwić Mobile Safari korektę typów numerów wejściowych (typy liczb wyświetlają prawidłową klawiaturę na iPodzie i iPadzie, ale mają wbudowaną korektę pól po ukryciu klawiatury) lub wymuszają na klawiaturze numer po stronie iPoda klawiatura?

FYI: To brzmi bardzo podobnie do mojego problemu, ale potrzebuję innego rozwiązania. Brzmi jakby pragnął „full” klawiatury numerycznej pojawiają się domyślnie, ale bez numeru autoformatowanie że Safari robi na boisku przy wejściu inne znaki.

Force a numeric keyboard but allow punctuation: HTML5, mobile Safari

Answer 1

wiem, że to jest stary, ale widzę to prosi sporo.

Aby zapobiec walidację typu wejściowego numer (i innych typów) można użyć atrybutu novalidate na elemencie <form>:

<form novalidate> 
    <input type="number" name="test" class="answers" id="mileage" value="0.0" maxlength=5> 
</form> 

Będziesz jeszcze dostać klawiaturę numeryczną, ale nie zmusi użytkownik, aby wprowadzić tylko liczby.