html-input

I have two text boxes, in it will only be allowed positive integers. If any alphabetical values or any other characters (e.g. %$&*£") are entered, an error message should be displayed and the values must not render a table. <input type="button" value="total" name="B3" onclick="powerOf();"> This line allows for calculation to be made, how can this validation stop this from happening when the incorrect values are entered?? As of now minus numbers are calculated and entering alphabets produces an empty table which is not quite what I was going for: (no1== no1.match(/^-\d+$/) ? alert("First number

So I have a text input <input type="text" value="3" class="field left"> Here is my CSS for it background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Is there a setting or a trick to this, I was thinking of doing a label instead but how about the styling. How do I convert them and is there a better way or is that the only way? BoltClock <input type="text" value="3" class="field left" readonly> No styling necessary. See <input> on MDN https://developer.mozilla.org/en/docs/Web/HTML

Our client wants us to display numeric keyboard for an input field so basically I created a field like: <input type="number" name="quantity" step=".01" value="0.00" /> However, Galaxy Tablet erases "." and merges numbers before and after it, also disables "." in the keyboard. Is there another way to solve this issue or display numeric keyboard in input field when using type="text"? Note: I tried using pattern attribute (which works on iPhone). I tested this issue on various Android devices with Android 2.1+. I did not encounter this error on any other HTC and Samsung devices. maxweber Yes,

I've been playing around with the input type=range for the first time, and ideally I'd like to set the step value to an array of values. I looked over the spec and I see the possibility for a datalist but it seams the data list is only used for highlight values in a range, so to speak, but not setting the values in the range. So, something like this (ideally without a jQuery plugin, etc.): <input type="range" min="1" max="100" value="0" step="1,3,5,10,20"> According to the W3C spec , the values for step can be "any" or a positive floating-point number. That's it. The step attribute, if

I currently have a textbox in my aspx: <input type="text" id="myTextbox" value="" /> I was wondering if I could set the focus (put my cursor in that text box) every time my JavaScript method is called. I was hoping it would work along the lines of this: function setFocus() { document.getElementById("myTextbox").Focus(); } Any suggestions? Invoke the lowercase .focus() function: function setFocus() { document.getElementById("myTextbox").focus(); } Try this: function setFocus(id) { document.getElementById(id).focus(); } In this way, your function becomes reusable. Just pass the ID of the html

I have a form with input fields. Each input field has a placeholder attribute. There is also a link displaying the printable version of the same form. My problem is that if I leave the placeholder attribute unchanged and the input field is empty, then the placeholder is actually printed, which is not very good. I am looking for a way to resolve this unfortunate behavior. Right now, the only thing I can think of is traverse the DOM in javascript and remove all the placeholder attributes when the printable version is given. Of course, when reverting back to the normal page view, the placeholder

I'm trying to make a form accessible. Should I make my inputs have both disabled and aria-disabled attributes, or just one? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" disabled> Or like this? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" aria-disabled="true"> Or like this? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" aria-disabled="true" disabled> aardrian I can take your example, put it in a CodePen , and check it in JAWS and NVDA (sorry, no VoiceOver today): <label for=