I have this input field
<input type="text" placeholder="Placeholder Text..." id="adddress" maxlength="80"/>
However, It shows an email adress I entered with the phone on a different site, which is weird behaviour.
I found this google troubleshoot and this here on stackoverflow. But both seem to have the issue with type="number". I changed the input field to this.
<input type="text" onfocus="this.type='number'" onblur="this.type='text'" placeholder="placeholder text"/>
but it doesnt work. It only happens in Android 4.x. Anybody experienced similar and has any tipps for me?
if anyone has the same problem:
Delete the formula data on the phone. (Adnroid 4.x Stock Browser.), it seems to solve the problem.
Related
I'm searching for a way to make mobile browsers accept text input as is rather than fixing it automatically with features like autocomplete or autocapitalize. I.e. I want to get "wrong" inputs to identify spelling mistakes and typos manually.
For Chrome 87 on Android the following markup from David Walsh does exactly that:
<form>
<input type="text" autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false">
</form>
(As far as I can see autocorrect and spellcheck are not even needed by Chrome, though.)
Unfortunately, this doesn't work for Firefox 84 on Android. E.g. when I type in english character-by-character this will automatically be replaced with English . (I already discovered that the exact replacements depend on the used keyboard language. So for reference I'm using the Samsung keyboard with English (US) language here.) You can test yourself with different browsers here.
So my question is: Is there a way to make Firefox - and ideally other mobile browsers - accept text input as is like Chrome does with the markup above?
I'm using autocomplete="off" in my websites, but 2 days ago, it stopped working in Chrome app on android.
Is there any other way I can achieve this? Thank you.
Try putting it in the form.
<form autocomplete="off">
Solved it in my chrome desktop browser. Chrome ignores autocomplete="off" in inputs
It seems that you can also get creative with jQuery to create fake invisible forms a milisecond after choosing a field so the autofill won't show up.
$(".fake-autofill-fields").show();
// some DOM manipulation/ajax here
window.setTimeout(function () {
$(".fake-autofill-fields").hide();
},1);
It seems to be the only way since it's a browser problem and not a language problem.
So on most versions of Android, using a Samsung device, the <input type="number"> pulls up the number pad, but does not allow the entry of a decimal. From searching on the web, this is a known bug, but I've found very little talk regarding solutions or response from Samsung.
Anyone have a good idea to solve the problem? Best I can come up with is writing a script that replaces <input type="number"> with <input type="tel">. This brings up a number pad at least, and you can get to the decimal by tapping on the symbol key.
NOTE: I get the same behavior with or without the pattern="[0-9\.]*" attribute and/or the step="any" attribute. Also, I'm looking for a pure web-based solution, not a native app solution.
You can create a custom keyboard using IME. Here is a link http://developer.android.com/guide/topics/text/creating-input-method.html
If I have an input element of type "text", is there a way to prevent the Android keyboard from making suggestions when inputting to that element?
In a native Android app this would be "textNoSuggestions", but is there an equivalent for the web?
yes, you have the attribute autocomplete="off|on"
so, for instance, you use:
<input type="email" name="email" autocomplete="off">
and also can add other, like
<input autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false">
With this, you shouldnt get the field dropdown with the browser suggestions based on input history, but the keyboard is still giving its own suggestions (thats on the inputmethod side, and not in the browser side).
For this, probably you can only try with some patches, that i wont recommend. I havent find any clean solution, and some time ago #CommonsWare said in this answer that he hasn't seen anything, so if there has not been any change in this time, probably this wont be possible.
I put a WebBrowser component in my app because I have to display a webpage. The webpage also contains an input box.
<input name="nome" style="width:160px" type="text" />
This is the HTML code I wrote. By the way, when I click on it with my Samsung device because I must type some text, the keyboard doesn't appear.
What could I do?
You can see the webpage here: click
It's a known limitation of the web browser component.
It's doubtless findable in Embo's QC database.
It's pending a fix, I gather.
<checks>
Oh yes, here it is: QC 119313
Also documented in the Delphi XE5 Release Notes