782 questions
0
votes
2
answers
205
views
React form validation for Zipcode when input type is number
I am working on a simple customer intake form, and as part of the validation I need to make sure that a proper zipcode has been included. I know regex would be the easiest way to solve this issue, but ...
1
vote
1
answer
73
views
How to change text spacing in HTML time inputs?
I am making a time range selector, and using Bootstrap. It needs to be a specific fixed with so that it can fit with the other components. I've noticed that Firefox renders the text of a type="...
- 34.3k
0
votes
0
answers
160
views
iPhone Automatically Converting HEIC/HEVC Files When Using <input type="file"> — How to Prevent This?
I'm working on a web app that allows users to upload images and videos using an <input type="file"> html element. However, when iPhone users select files from the Photo Library, iOS ...
- 55
1
vote
1
answer
62
views
How to Set Default Directory, Restrict Folder Access, and Enforce File Type Validation in <input type="file">?
I'm working on a file upload feature in an Angular project where users can upload specific files using an <input type="file"> element.
These are the html and css code snippets of the ...
0
votes
1
answer
36
views
html input slider jumps to middle when value is NaN
I'm using the slider in a react app and modifying the value like so
<input
type="range"
className="frame-slider"
min="0"
value={currentValue.toString()}...
- 133
1
vote
2
answers
75
views
How can I attach an addEventListener to an input field using the submit event?
I am making a simple tip calculator and first of all I am trying to save the value of the bill amount which the user can type into the input field (this input field has a type number attribute). There ...
1
vote
1
answer
62
views
How can I pass a input field value from an exported component in react js
I am not able to get value in an input field from a custom component.
dateFormat.jsx
import React from "react";
const DateFormat = ({ seconds, nanoseconds, format }) => {
const dates = ...
0
votes
0
answers
46
views
How can I hide clear, next month, previous buttons in HTML date input?
I want to remove these clear button, next month arrow button, previous month arrow button (that has red color border) from HTML date picker.
Below I have added my RangePicker component and css file.
...
- 137
0
votes
1
answer
36
views
How can I remove the default arrow from the list input and add a new arrow using pure html and css? [duplicate]
I want to remove the default arrow appearing in the list input field. is there anyone please who can help me and show me a way to add a new arrow in place of the default arrow here?
<body>
&...
0
votes
0
answers
116
views
react / next.js Input file: initial selection not registering
I want upload files via html form using next.js (14) + nextui and everything seems to work fine except after reloading the page, the initial file selection is not registered. The event.target.files ...
- 60
2
votes
0
answers
166
views
HTMLInputElement maxLength property has an invalid default value
We're developing a web component library. We're using ShadowDOM and inside that, native HTMLInputElement instances. Since we're aiming to widely be compatible with native inputs, we're mirroring the ...
- 57k
1
vote
0
answers
133
views
Safari issues with input type=email and multiple attribute
In my experience, when viewing an HTML input field of type "email" with the "multiple" attribute present, Safari shows a blank input, whereas Chrome and FF show the field as ...
- 21
0
votes
1
answer
356
views
How to use HTML5 input pattern attribute to validate Latin and extended Latin characters only
I am working on a web form where users are required to input text that should only contain Latin characters, including extended Latin characters (such as ñ, é, ü, etc.), but should exclude any non-...
- 634
-2
votes
1
answer
83
views
Javascript: how do I get the value of an input in real time? [closed]
I am programming a web page and I have an input where the user must enter a 5-letter word and a button that will use said word for a function, I want the button to be disabled as long as 5 letters ...
0
votes
1
answer
52
views
How can I make OnChange and OnKeyDown work well together?
So I am making a weather app that connects to OpenWeather api and want certain functionality with the search input element I'm using. I want to get the user input after the user presses the enter key. ...
