html-input

What is the max number of files to select in an HTML5 [multiple] file input?

与世无争的帅哥 提交于 2019-11-27 04:53:34
I have 64000 small images I want to upload to my website (using existing validation, so no FTP etc). I've created an HTML5 [multiple] type=file input for this a while back to be used for a hundred or hundreds of images. Hundreds is not a problem. The images are batched and sent to the server. But when I select a folder of ~ 16000 images, the file input's FileList is empty... The onchange event triggers, but the file list is empty. The browser (or file system or OS?) seems to have a problem selecting this many files. I've created a very small tool to help determine what could be the max: http:/

Bootstrap 3 - How to maximize input width inside navbar

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-27 04:14:41
Right now I have a navigation bar that looks like: http://bootply.com/78239 I want to maximize the width of the "search" text-input, without creating line-breaks (i.e., that the "Clear" link will be tight with the "About" link). I only have basic experience with css and web-design. I read something about " overflow: hidden " tricks, but I don't understand how to use it when there are more elements to the right of the targeted element. Thanks EDIT: A partial solution can be to set the width "manually" for each case, like in http://bootply.com/78247 : @media (max-width: 767px) { #searchbar >

Event fired when clearing text input on IE10 with clear icon

穿精又带淫゛_ 提交于 2019-11-27 03:21:48
On chrome, the "search" event is fired on search inputs when user clicks the clear button. Is there a way to capture the same event in javascript on Internet Explorer 10? The only solution I finally found: // There are 2 events fired on input element when clicking on the clear button: // mousedown and mouseup. $("input").bind("mouseup", function(e){ var $input = $(this), oldValue = $input.val(); if (oldValue == "") return; // When this event is fired after clicking on the clear button // the value is not cleared yet. We have to wait for it. setTimeout(function(){ var newValue = $input.val();

Can I have an HTML drag-and-drop input in Microsoft Edge?

☆樱花仙子☆ 提交于 2019-11-27 01:38:08
问题 We are adapting our product to Microsoft Edge. We have an HTML drag-and-drop feature that works correctly in IE, Chrome, etc. Using Microsoft Edge from Win10 Insider Preview Build 10162, the drop is forbidden. We also checked http://html5demos.com/dnd-upload doesn't work neither. Has anyone solved this problem? 回答1: Microsoft implemented this feature in EdgeHTML 13, included in Windows 10 Build 10586 (November 2015). Original answer: The DragAndDropEntries is not supported in Microsoft Edge

Drop Down Menu/Text Field in one

邮差的信 提交于 2019-11-27 00:13:06
问题 I'm working on building new site, and I need a drop down menu to select the amount of something in my site. But at the same time I need this drop down list to accept text. So if the client wants to choose from the drop down list then he can, also if the client want to enter the amount by text then he can also. As you can see I want to make it dual. For example: suppose there is an amount drop down menu, and its elements are (1,2,3); Suppose now that the client needs the amount to be 5 - this

HTML 5 input type=“number” element for floating point numbers on Chrome

让人想犯罪 __ 提交于 2019-11-26 22:52:00
问题 I need to have users enter floating point numbers, so I use the following element: <input type="number" name="my_number" placeholder="Enter number"/> Works great on Firefox, but Chrome complains that the number is not an integer when I try to enter a decimal. That's a problem for my case. If I enter a step attribute, then Chrome allows the floating point number: <input type="number" name="my_number" placeholder="Enter number" step="0.1"/> But then the problem is 0.15 can't be entered... The

Input type DateTime - Value format?

大城市里の小女人 提交于 2019-11-26 22:26:42
In which format should I put the date and time, for use in the HTML5 input element with datetime type? I have tried: 1338575502 01/06/2012 19:31 01/06/2012 19:21:00 2012-06-01 2012-06-01 19:31 2012-06-01 19:31:00 None of them seem to work. For <input type="datetime" value="" ... A string representing a global date and time. Value : A valid date-time as defined in [RFC 3339], with these additional qualifications: •the literal letters T and Z in the date/time syntax must always be uppercase •the date-fullyear production is instead defined as four or more digits representing a number greater than

How do I stop Chrome from yellowing my site's input boxes?

末鹿安然 提交于 2019-11-26 21:23:16
Among other text and visual aids on a form submission, post-validation, I'm coloring my input boxes red to signify the interactive area needing attention. On Chrome (and for Google Toolbar users) the auto-fill feature re-colors my input forms yellow. Here's the complex issue: I want auto-complete allowed on my forms, as it speeds users logging in. I am going to check into the ability to turn the autocomplete attribute to off if/when there's an error triggered, but it is a complex bit of coding to programmatically turn off the auto-complete for the single affected input on a page. This, to put

Event fired when clearing text input on IE10 with clear icon

≡放荡痞女 提交于 2019-11-26 17:30:41
问题 On chrome, the "search" event is fired on search inputs when user clicks the clear button. Is there a way to capture the same event in javascript on Internet Explorer 10? 回答1: The only solution I finally found: // There are 2 events fired on input element when clicking on the clear button: // mousedown and mouseup. $("input").bind("mouseup", function(e){ var $input = $(this), oldValue = $input.val(); if (oldValue == "") return; // When this event is fired after clicking on the clear button //

how to POST/Submit an Input Checkbox that is disabled?

感情迁移 提交于 2019-11-26 16:12:53
I have a checkbox that, given certain conditions, needs to be disabled. Turns out HTTP doesn't post disabled inputs. How can I get around that? submitting the input even if it's disabled and keeping the input disabled? UPDATE : READONLY doesn't work on checkboxes You could use disabled="disabled" but at this point checkbox's value will not appear into POST values. One of the strategy is to add an hidden field holding checkbox's value within the same form and read value back from that field Simply change disabled to readonly I've solved that problem. Since readonly="readonly" tag is not working