html-input | 易学教程

Get data from file input in JQuery

阅读更多关于 Get data from file input in JQuery

I actually have a file input and I would like to retrieve the Base64 data of the file. I tried: $('input#myInput')[0].files[0] to retrieve the data. But it only provides the name, the length, the content type but not the data itself. I actually need these data to send them to Amazon S3 I already test the API and when I send the data through html form with encode type "multipart/form-data" it works. I use this plugin : http://jasny.github.com/bootstrap/javascript.html#fileupload And this plugins gives me a preview of the picture and I retrieve data in the src attribute of the image preview. But

How to align texts inside of an input?

阅读更多关于 How to align texts inside of an input?

问题 For all default inputs, the text you fill starts on the left. How do you make it start on the right? 回答1: Use the text-align property in your CSS: input { text-align: right; } This will take effect in all the inputs of the page. Otherwise, if you want to align the text of just one input, set the style inline: <input type="text" style="text-align:right;"/> 回答2: Try this in your CSS: input { text-align: right; } To align the text in the center: input { text-align: center; } But, it should be

Why is HTML5 input type datetime removed from browsers already supporting it?

阅读更多关于 Why is HTML5 input type datetime removed from browsers already supporting it?

I was wondering why all browsers, like Chrome versions higher than 26, which had support in the past for the input datetime removed it? This sounds like a duplicate of this article , but that one is quite aged. It looks like the HTML WG prefers datetime-local ( w3c ) above datetime ( w3c ), but why? See this for feature development timeline. What others say: According to mobilexweb.com it was deprecated in iOS 'because it looks too much like the datetime input type'. Following Google Chrome, now Safari on iOS doesn’t support the datetime input type anymore and it will fallback to text. This

Button type “button” vs. “submit”

阅读更多关于 Button type “button” vs. “submit”

问题 Is there a difference between a button with type="button" vs type="submit" ? Are there functional differences, or is it just a descriptive name for easier code reading? Is this different than input ? 回答1: From MDN: type The type of the button. Possible values are: submit : The button submits the form data to the server. This is the default if the attribute is not specified , or if the attribute is dynamically changed to an empty or invalid value. reset : The button resets all the controls to

HTML5 Email Input Pattern Attribute

阅读更多关于 HTML5 Email Input Pattern Attribute

问题 I’m trying to make a html5 form that contains one email input, one check box input, and one submit input. I\'m trying to use the pattern attribute for the email input but I don\'t know what to place in this attribute. I do know that I\'m supposed to use a regular expression that must match the JavaScript Pattern production but I don\'t know how to do this. What I\'m trying to get this attribute to do is to check to make sure that the email contains one @ and at least one or more dot and if

Programmatically selecting partial text in an input field

阅读更多关于 Programmatically selecting partial text in an input field

How can I programmatically select a specific range of text in an HTML input field? (I don't want to select the entire field, just a subset) Also, how can I determine the currently selected range in a field? Darin Dimitrov Here's how to select a portion of a text box (range select) and get the selected text: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Test </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> window.onload = function() { var message = document

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

阅读更多关于 What is the max number of files to select in an HTML5 [multiple] file input?

问题 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

Bootstrap 3 - How to maximize input width inside navbar

阅读更多关于 Bootstrap 3 - How to maximize input width inside navbar

问题 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

Disable Auto Zoom in Input “Text” tag - Safari on iPhone

阅读更多关于 Disable Auto Zoom in Input “Text” tag - Safari on iPhone

I made an HTML page that has an <input> tag with type="text" . When I click on it using Safari on iPhone, the page becomes larger (auto zoom). Does anybody know how to disable this? srikanth The browser will zoom if the font-size is less than 16px and the default font-size for form elements is 11px (at least in Chrome and Safari). Additionally, the select element needs to have the focus pseudo-class attached. input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"],

How to add button inside input

阅读更多关于 How to add button inside input

问题 I am trying to achieve this: I want the blue arrow to act as a button with hover and onclick triggers; Is this possible?? 回答1: The button isn't inside the input. Here: input[type="text"] { width: 200px; height: 20px; padding-right: 50px; } input[type="submit"] { margin-left: -50px; height: 20px; width: 50px; } Example: http://jsfiddle.net/s5GVh/ 回答2: Use a flexbox, and put the border on the form. The best way to do this now (2019) is with a flexbox. Put the border on the containing element