How to force input to only allow Alpha Letters?
Short ONELINER: <input onkeydown=”return /[a-z]/i.test(event.key)” > For all unicode letters try this regexp: /\p{L}/u (but … this) – and here is working example 🙂
input
Custom ‘Keyboard’ built in an application on Android
I’m not really sure if there’s a straight-forward solution to this (to that extent that it is even possible to understand the real reason behind the original question). As is quoted in the original question: If you need some app-specific input, you should build it into your UI rather than pushing it out to a … Read more
Style input type file? [duplicate]
Follow these steps then you can create custom styles for your file upload form: 1.) This is the simple HTML form(please read the HTML comments I have written here bellow) <form action=”#type your action here” method=”POST” enctype=”multipart/form-data”> <div id=”yourBtn” style=”height: 50px; width: 100px;border: 1px dashed #BBB; cursor:pointer;” onclick=”getFile()”>Click to upload!</div> <!– this is your file … Read more
How can I disable the new Chrome HTML5 date input?
You have a couple of different options. You could detect that the user is using Chrome by sniffing the user agent string and preventing click events. if (navigator.userAgent.indexOf(‘Chrome’) != -1) { $(‘input[type=date]’).on(‘click’, function(event) { event.preventDefault(); }); } User agent sniffing is a bad idea, but this will work. The ideal approach in my mind is … Read more
Disable auto zoom/field zoom on input tags on my Mobile Site – WITHOUT disabling all zoom capabilities
Setting the meta tag in the <head> like this worked for me: <meta name=”viewport” content=”width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1″>
Automatically capitalize all input in WPF
You can case all input into TextBox controls with the following property: CharacterCasing=”Upper” To apply to all TextBox controls in the entire application create a style for all TextBox controls: <Style TargetType=”{x:Type TextBox}”> <Setter Property=”CharacterCasing” Value=”Upper”/> </Style>
Command line input in Python [duplicate]
It is not at all clear what the OP meant (even after some back-and-forth in the comments), but here are two answers to possible interpretations of the question: For interactive user input (or piped commands or redirected input) Use raw_input in Python 2.x, and input in Python 3. (These are built in, so you don’t … Read more
iOS5 show numeric keypad by default without using type=”number” or type=”tel”
Styling the field to contain symbols When it comes to including the symbols within this number field, you can use some walkaround like that: HTML: <span id=”number-container”> <input type=”number” name=”number” id=”number-field” value=”500″ /> <span id=”number-container-symbol”>$</span> </span> CSS: #number-container { position: relative; } #number-container-symbol { left: 5pt; position: absolute; top: 0px; } #number-field { background-color: transparent; … Read more
Is it good practice to use for non-input/non-interactive elements?
The <label> tag defines a label for an <input> element. So use <span>instead. The for attribute associates the label with a control element, as defined in the description of label in the HTML 4.01 spec. This implies, among other things, that when the label element receives focus (e.g. by being clicked on), it passes the … Read more