html-input | 易学教程

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

阅读更多关于 How do I stop Chrome from yellowing my site's input boxes?

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

how to get checkbox value in javascript [closed]

阅读更多关于 how to get checkbox value in javascript [closed]

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . My HTML script is <html> <body> <b><font color="green">Please select a check box to change the color of text </font> </b><br> <input type="checkbox" name="red" id="chkbx" > Red<br> <input type="checkbox" name="green" id="chkbx" value="1"> Green <br> <input type="checkbox" name="blue" id="chkbx" value="2">

How to prevent user from deleting text in a text box

阅读更多关于 How to prevent user from deleting text in a text box

问题 Ok so I am new here and was wondering if someone a little more advance then me can help me out. I have text box on my website with code for user(s) to copy the code that's in the text box and paste the code in Orkut scrapbook which will generate a imagine. I am using onclick so when user clicks on code it highlight it and then they can copy. The problems is that you can delete or remove text from within box, if your not careful. I DONT want the user to be able to delete code in text box. How

Detect synthetic click in React during testing with Jest/Enzyme

阅读更多关于 Detect synthetic click in React during testing with Jest/Enzyme

问题 I am building an app with React. I am hiding a file input element ( <input type="file"/> ) "behind" a react-bootstrap Button to be able to control styling. So, when the button is clicked I turn around and fire a synthetic click event on the text input element, as shown below. class OpenFileButton extends React.Component { ... clickHandler() { this.refs['input'].click(); } render() { return ( <ButtonGroup> <div> <input type="file" onChange={this.props.someCallback} ref="input" style={{display:

Where input value will be saved?

阅读更多关于 Where input value will be saved?

问题 Let's say we have following HTML: <div class="form-group"> <label class="col-md-3 col-xs-3 col-sm-3 control-label">Phone</label> <div class="col-md-4 col-xs-4 col-sm-4"> <input id="input_id" type="tel" required="" pattern="^\d{10}$"> </div> </div> It seems like input doesn't have attribute value , but if I execute document.querySelector('#input_id').value; document.querySelector('#input_id').defaultValue; I will get: "" "" as output. Then if I type in input field 123 and execute one more time

Set HTML input textbox's display text using C#

阅读更多关于 Set HTML input textbox's display text using C#

问题 I have a HTML input box in my ASPX page like below <input id="txtID" runat="Server" type="text" /> Now I have some code written in C# codebehind which calculate a value and I want that value to be displayed in the above TextBox. I have already tried txtID.Value = Number.ToString(); and HtmlGenericControl ct = new HtmlGenericControl(); ct.InnerHTML = Number.ToString(); txtID.Controls.Add(ct); but both of the above does not seems to set the display text of the textbox. Can anyone help me figure

Missing period for Samsung Galaxy S4 numeric keypad

阅读更多关于 Missing period for Samsung Galaxy S4 numeric keypad

问题 I have the tag <input type="number" pattern="[0-9\.]*" /> and trying to get the numeric keypad with an option to enter a period to show once the user selects the field. The above code works for iPhone 4/5 and Samsung Galaxy S3 but not on the S4. The S4 shows the numeric keypad but does not display the period button. Highly frustrating as it does so in the S3! Anyone know of a fix for the S4 standard keyboard setup? 回答1: It seems that there is a problem with the Samsung S4 keyboard. The only

Display of units in HTML stepper <input type=“number”>

阅读更多关于 Display of units in HTML stepper

问题 I want the user to enter numbers with a unit such as "cm", "kg" or "$". This can be done in jQuery UI: Example However, I would like to implement it in pure html, such as: input{ display: inline; } div.euro-sign::after{ content: "€"; margin-left: -40px; } <div><input placeholder="5 €" type="number" step="1"></div> <div><input placeholder="5 €" type="number" step="1" unit="€"></div> <div class="euro-sign"><input placeholder="5" type="number" step="1"></div><!-- Workaround -

Best settings for HTML <input type=“number”>, for mobile devices

阅读更多关于 Best settings for HTML , for mobile devices

问题 I've been reading many other questions, like these[1][2][3] for example, but the problem still persists. I need to find the "cleanest" way to have a HTML input for mobile devices and which respects all these three rules: suitable mainly for numbers , integer or float shows the numeric keypad on mobile devices , on Chrome for Android and Safari for iOS, with no strange extra keys fully respects the HTML5 rules (tested by W3 validator) What have I tried? I've been across these solutions, which

Input type=“time” more than 24 hours

阅读更多关于 Input type=“time” more than 24 hours

问题 I just ran into the following problem: In a web-app UI I want the user to input a timeframe in hours in which to respond to a message. The timeframe should be up to 72 hours. We’d love to use <input type="time"> but its limited to 24 hours max. <input type="time"> has an optional max value. I think a default maximum of 24 hours makes sense but it would be handy if the max could get set all the way up to 99:99 hours. Any suggestions on where I can suggest a change in the standard? 回答1: You can