html-input

<input type="file" capture="camera" accept="image/*"> allows a mobile browser to take a picture. On Android native browser and chrome, clicking the input button launches the camera instantly. On iOS Safari, the button launches an alert asking to "Take Photo" or choose from "Photo Library". How can I launch the native camera immediately? It has to do with who is supporting WebRTC . Currently there is no Safari support, partial support from Chrome on Android, experimental support from Firefox for Android. On Android, the default behavior is to use the front facing camera. Future work will allow

I want to hide an input element and trigger it with an associated label . Usually that's not a problem. I can simply set display:none on the input like this input { display: none; } <input id="upload" type="file" /> <label for="upload">Upload a file</label> For some reason in Chrome (Firefox works), this technique is not working for a color input - DEMO input { display: none; } <input id="colorPick" type="color" /> <label for="colorPick">Pick a color</label> Is this a webkit bug or is there a logical reason as to why this doesn't work? I guess it is a bug, for chrome(not really sure about

I have two fields, one of them is a text input field and the other is a select tag. The thing is I want one of them to be enabled only and the user should choose which one is enabled by clicking on one of the radio buttons above. So if the user chooses the first radio button the input field will be enabled and if he choose the second one the select tag will be enabled. Here's my code: <input type="radio" name="type" value="customurl">wanna custom url? <input type="text" name="custom" placeholder="should be 5 charecters at least" > <br><br> <input type="radio" name="type" value="customurl"

I was attempting to answer someone elses question . And in doing so realised there was quite a bit of uncertainty in my mind about a few things. I'm hoping someone can provide feedback on the numbered points 1..4: Task: Conditionally make input field readonly Relevant section of HTML: <input type="text" placeholder="Club Name" #clubName> Add this to Typescript component. // class properties @ViewChild('clubName') inp:HTMLInputElement; // Could also use interface Element // conditionally set in some other methods of class inp.setAttribute('readonly', 'readonly'); inp.removeAttribute('readonly')

I don't want allow user to enter. (Dot) in my input field.. Rest of the required validation done already. function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode; if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } <input type="text" class="form-control" name="ContactNumber" maxlength="10" value="" id="ContactNumber" title="Enter Number Here" onkeypress="return isNumberKey(event)" required> Pratik Galoria $("#name").on("keypress", function(evt) { var keycode = evt.charCode || evt.keyCode; if (keycode == 46) { return

Codepen example: https://codepen.io/Trost/pen/KXBRbY Try putting 1 symbol in both fields. I can't get what's wrong. If I test these regex in https://regex101.com , they appear to be identical. <form> Works: <input type="text" name="country_code" pattern="[\d\s-]{3}" title="-23" required> <input type="submit"> </form> <form> Bug: <input type="text" name="country_code" pattern="[\d-\s]{3}" title="- 3" required> <input type="submit"> </form> The real root cause here is that the regex [\d-\s] is used in the pattern HTML5 attribute, and in the latest versions of Chrome and FireFox is compiled as an