Change the "go" button text to something custom on the mobile keyboard? - html

When typing in a field on a mobile browser, is it possible to change the go button's text on the mobile keyboard to something else?
I have a field for adding tags, and they are added by entering a comma or pressing enter, but on a mobile phone the user will think that pressing go will submit the form instead of adding the tag.

Related

Mobile keyboard causes page jump

I have a form with 4 elements: name, phone, email, privacy policy accept.
On mobile when I click on an input element the keyboard opens up so I can type but when I'm finished and I click the privacy checkbox there is a jump in the page and this jump is surely caused by the keyboard disappearing, since it is not needed for the checkbox.
Is there a way to fix this issue? I mean: is there a way to keep the form still even when the keyboard disappears?
Thanks

hide android keyboard on focus

I have a problem with my webapp.
Is there a way to hide the android keyboard on text input focus without losing the focus on the input?
Focus on page load works fine, because the field is focused and no keyboard is shown. I want the same behavior after re-focus on input.
Thank You
Maybe you should give keyboard customizing apps a try...might work. I personally prefer Redraw Keyboard, but there are many out there to choose from.

Contact Form field not clickable on mobile - redirects to next field

I've designed a contact form for my site that works properly on desktop. When trying to do some responsive programming, I realized that the first field in the form (Name) is not clickable. Clicking the button just takes you to the next field (Email). Anyone else experience this problem? It's happening on all mobile devices as far as I can tell.
The URL is envolverxlaunch.com and the form is on the bottom of the page.
Thanks!
Brandon
Just checked the DOM with the Chrome Dev-Tools in mobile emulate mode, and I have found that input and label element off the name field lays under the input and label element off the mailaddress. It overlaps, because the first input element has a huge margin-bottom, and some elements are not cleared. If you click on the name field, you hit the label off the email field.

Setting "spacebar" to a HTML button

is there a way to create a HTML button, which simulates space-bar pressing on the keyboard?
So, whenever I press space bar or click the button, I get the same result.
Thanks in advance.

checkbox button requires multiple clicks

Anyone with firefox browser can you open up this fiddle.
The issue I have is with this checkbox button I have, it requires multiple clicks to turn it off and my question is how can I stop this from happening? I know its the posistion:relative which is causing this but I need this so that every time I click on a button, it does not go to the top of the page. I just want the button to turn on and off in one click, not multiple clicks
(See comments below the question - now I know what happens to you)
Ahhh - you cannot solve this without Javascript: quick (double?) click on the TEXT ITSELF is interpreted as "select text" by the browser, and it does not send the event to the checkbox when that happens. With Javascript you can force "un-select" of the text on click.
Click "slowly" - avoiding double click text selection - and it will work (just to show the cause of the problem, no solution without Javascript or proprietary CSS).
Try adding this: Prevent text selection after double click
Maybe you should use a full Javascript Checkbox-Button solution instead of trying to accomplish it with just CSS.