Skip to main content
784 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
58 views

I currently have an <input> text field that I'm using to let the user input a list of names they want to search within a database; I've given it a corresponding <datalist> with some ...
dbac's user avatar
  • 341
0 votes
0 answers
58 views

Good day everyone, I'm working on a Next.js project where I need to allow users to upload images using their device's camera. Here's the relevant snippet: import { Loader2, Camera } from "lucide-...
Micode's user avatar
  • 292
7 votes
5 answers
303 views

I want to filter user input when they type in an HTML text input. I can do that in native HTML/JavaScript as shown in the following demo: <form> <label for="tracking">...
nunoarruda's user avatar
  • 3,054
0 votes
2 answers
404 views

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 ...
Kristy Murphy's user avatar
  • 25
1 vote
1 answer
108 views

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="...
Chris Barr's user avatar
  • 34.6k
1 vote
1 answer
85 views

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 ...
Raed Abdelfattah's user avatar
  • 11
0 votes
1 answer
40 views

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()}...
Yehuda's user avatar
  • 133
1 vote
3 answers
304 views

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 ...
Adri Vasarhelyi's user avatar
  • 11
1 vote
1 answer
65 views

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 = ...
Srinivas Bendkhale's user avatar
  • 93
0 votes
1 answer
40 views

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> &...
Omar Bin Saleh's user avatar
  • 1
2 votes
0 answers
183 views

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 ...
connexo's user avatar
  • 57.2k
2 votes
0 answers
154 views

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 ...
mg_ab's user avatar
  • 31
0 votes
1 answer
444 views

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-...
tony's user avatar
  • 634
-1 votes
1 answer
85 views

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 ...
Alejandro Reckziegel's user avatar
  • 21
0 votes
1 answer
59 views

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. ...
Marco Antonio Martinez's user avatar
  • 71
-1 votes
2 answers
48 views

I have HTML input which is set to be a numeric input including the up and down carets. To my surprise I am unable to enter any decimal numbers. <input type="number" /> It does not ...
CodeWithCoffee's user avatar
  • 1,904
0 votes
2 answers
67 views

I want the user to be able to upload a video and then, by clicking a button, load the video into a tag to view. Here is an example: HTML: function loadvideo() { video = document....
user avatar
2 votes
2 answers
120 views

New to website programming. I'm trying to make a basic sum equation with 2 input fields taken from client-side. <!DOCTYPE html> <html> <head> </head> <body&...
Shuumi's user avatar
  • 23
12 votes
5 answers
12k views

I posted this in the react-native-webview discussion thread in GitHub in case this is something they need to add support for, but wanted to see if anyone had any thoughts here: Disclaimer: I'm a web ...
ScalableDale's user avatar
  • 121
3 votes
0 answers
256 views

When I use HTML input type time or date in an Android WebView, then the translation for set and clear is missing in the date and time picker. In this example I'm using Dutch as language. Sample ...
gdingenen's user avatar
  • 333
1 vote
1 answer
200 views

I have a time picker: <input type="time" name="appt-time"> I want to keep it empty until the user starts selecting a time. Only when the user clicks the element and the popup ...
Mervyn Ludick's user avatar
  • 399
0 votes
1 answer
121 views

I am trying to add a pattern to a mwc-textfield input to filter a file name. My pattern seems to be valid js regex and seems to work on a html input but does not as a pattern on a mwc-textfield. I ...
Harry's user avatar
  • 59
1 vote
0 answers
578 views

I have a page in React where I use browser input. How can I block any calendar day I specify in the relevant input? <input type="date" id="start" name="trip-start" ...
urahara's user avatar
  • 11
0 votes
1 answer
169 views

I know there are a lot of similar questions, but I haven't found exactly my case. Using vanilla JS there is an input control in which a user types something. A date as an example (but could be a phone ...
Kasbolat Kumakhov's user avatar
  • 731
1 vote
1 answer
120 views

I have am XML file with XSL to process it. That works fine using an input element like <input pattern="^[^ ].*[^ ]$">. However when I changed it to <input pattern="^[^ ]{2,}.*[^...
U. Windl's user avatar
  • 4,748
0 votes
0 answers
30 views

I wrote an input form that has input elements with the required attribute set. So when pressing an <input type="submit" /> button, empty fields (and other violations) are complained ...
U. Windl's user avatar
  • 4,748
2 votes
0 answers
190 views

I have this search input but no matter which of these attributes I add, or whether it's off or false I still get the autocorrect bubble on Safari. type="search" doesn't help either, nor does ...
dili021's user avatar
  • 88
0 votes
2 answers
303 views

I'm looking for a way to change the style of an element, (like the <body>) when not just text, but specific number like "5214" or something is entered in an <input>. With my ...
Christian Samu's user avatar
  • 41
0 votes
1 answer
833 views

I have a simple boolean in my angular 16 ts component uploadEnabled. What I want is the checkbox to be checked if uploadEnabled is true and vice versa. When I click on the checkbox I want ...
Brian Reinhold's user avatar
  • 2,475
0 votes
1 answer
314 views

I'm trying to combine two concepts. This code works... HTML <input type="file" name="files" multiple> <ul id="file_list"> <ul id="...
Steve Smith's user avatar
  • 1,089
0 votes
0 answers
33 views

im relatively new to WebDevelopment. Basically, I have an application where I want to allow only alphabetical letter a-z and A-Z and the – special character for double names like Marry-Jane in the “...
newbeCoder's user avatar
  • 1
1 vote
1 answer
110 views

I can set the width of an <input type=number> field with CSS width = 6em; or width = 100%, but those only set a fixed width or a width that varies with the container. I want the width to depend ...
at.'s user avatar
  • 52.8k
2 votes
2 answers
214 views

When using HTML input elements I tried implementing the step attribute. This allowed me to add 100 to the current value by clicking the up/down arrows in the input field. However, step determines ...
EE2021's user avatar
  • 133
1 vote
2 answers
764 views

I was expecting min and max for <input> to limit the selectable options to the range in between the two values. They do in <input type="number">, for example. But with type="...
user22009348's user avatar
  • 45
9 votes
2 answers
28k views

When I encountered this issue it took me about 20 minutes to find the answer in an article here: https://www.kindacode.com/snippet/how-to-style-file-inputs-with-tailwind-css/ I had scrolled though ...
Peter Donaghey's user avatar
  • 281
17 votes
2 answers
10k views

I am getting the below console warning for this regex pattern: ^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\\.[a-zA-Z0-9]+$ Pattern attribute value ^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$ is valid with the ...
DuckSoup's user avatar
  • 199
2 votes
0 answers
30 views

I use onBeforeInputCapture to get value when I copy and paste a string to an input JSX element.My purpose is to detect the modification in the input value. I set its type to e:FormEvent, and try to ...
Valerie Wang's user avatar
  • 19
0 votes
2 answers
561 views

I have an html form with a bunch of inputs. When an input gets autofilled by Safari and I then attempt to edit the input there is a weird overlapping of the string. If I click around it seems to fix ...
Snape Ninja's user avatar
  • 43
1 vote
1 answer
81 views

I'm working on making a script that detects if a checkbox with id "chapterex" is checked, and updates the page accordingly if it is: if it is not checked, add the multiple attribute to the ...
mlsmzk's user avatar
  • 13
2 votes
0 answers
132 views

I've added support to my database for partial date strings, since YYYY-MM is a valid ISO date, however I've noticed that HTML's input element will always return an empty string if the day isn't ...
Spedwards's user avatar
  • 4,510
0 votes
2 answers
604 views

I am listening for selectionStart and selectionEnd with knockout and it's working fine when the user clicks with the mouse and drags rightward to create the selection. But if the user clicks in the ...
Tim's user avatar
  • 8,990
12 votes
6 answers
3k views

I need to create a scientific input slider. More precisely: n ticks, example: no matter the range (0 - 200, 1 - 11, etc.), I want 11 ticks covering the whole range the number value label below each ...
Basj's user avatar
  • 47.5k
-1 votes
1 answer
827 views

I need to know how can i create an input text in HTML for a mathematical formula like the one in geogebra.org/classic
mina 's user avatar
  • 11
1 vote
2 answers
2k views

I have implemented this solution to my school project However I get this error from the console whenever I attempt to change the value of the initial date field The specified value "2/21/2023&...
ringring18's user avatar
  • 29
0 votes
1 answer
314 views

I am trying to update the value of an Array in my service from child component. Here is the service at the top level of application feature.service.ts export class FeatureService { private ...
Kevin's user avatar
  • 187
1 vote
0 answers
231 views

I have been wondering (and checked the Bitwarden chrome extension source code but couldn't figure out): how do password managers fill in your passwords? What I'm trying to say is: some websites ...
Jonas Vdr's user avatar
  • 11
0 votes
3 answers
1k views

Per Wikipedia, these are valid email addresses. " "@example.org "john..doe"@example.org "very.(),:;<>[]\".VERY.\"very@\\ \"very\".unusual"@...
303's user avatar
  • 1,126
0 votes
0 answers
108 views

I am developing a web service on django with frontend on react. I ran into a problem that I can't upload an image to django. Below is my component code where I'm trying to download it: export function ...
Slllendy's user avatar
  • 13
3 votes
0 answers
415 views

I am using <input type="time" />. Chrome, Firefox, and Edge renders it properly i.e. the placeholder used is : --:-- -- where as Safari uses 12:30 PM as a placeholder. What is the ...
reactify's user avatar
  • 31
1 vote
1 answer
105 views

I have the following html input tag. $("input[type='range']::-webkit-slider-thumb").on('hover', function () { //... }); input[type="range"] { height: 0.5rem; box-shadow: 0 0 0.25rem ...
Al-Anazi's user avatar
  • 463

1
2 3 4 5
…
16