Try with `autocomplete=&quot;off&quot;`, but it will not work with all browsers

PS: duplicate...
 
https://stackoverflow.com/questions/2630986/stop-browser-from-filling-textboxes-with-details

https://stackoverflow.com/questions/2699284/make-page-to-tell-browser-not-to-cache-preserve-input-values

just add simple script in some global JS:

    $(&quot;form :input&quot;).attr(&quot;autocomplete&quot;, &quot;off&quot;);

&gt; use meta  in head

    &lt;meta http-equiv=&quot;Pragma&quot; content=&quot;no-cache&quot;&gt;
    &lt;meta http-equiv=&quot;Expires&quot; content=&quot;-1&quot;&gt;

or Use

    &lt;% Response.CacheControl = &quot;no-cache&quot;; %&gt;
    &lt;% Response.AddHeader(&quot;Pragma&quot;, &quot;no-cache&quot;); %&gt;
    &lt;% Response.Expires = -1; %&gt;


 [microsoft][1]


  [1]: http://support.microsoft.com/kb/234067

What&#39;s the best way to have a here document, without newlines at the top and bottom?  For example:

    print &#39;&#39;&#39;
    dog
    cat
    &#39;&#39;&#39;

will have newlines at the top and bottom, and to get rid of them I have to do this:

    print &#39;&#39;&#39;dog
    cat&#39;&#39;&#39;

which I find to be much less readable.

Python here document without newlines at top and bottom

I have recently downloaded `GitHub` and created a repository on it. I am trying to upload an `Objective C` project in it. How do I go about doing this? 



How To Upload Files on GitHub

I have a `textbox` in a form field that gets populated by the user.  However currently (in Firefox 10) the user can navigate away from the page, then come back, and the input will be populated with its previous value.  I think this creates for a confusing user experience, and would like to prevent it.

Is there a way to do this without manually resetting the value?  I have tried changing the response to not cache as well as setting `autocomplete=&#39;false&#39;` with no luck.

How to prevent browser from caching form fields?

<p>I have a <code>textbox</code> in a form field that gets populated by the user.  However currently (in Firefox 10) the user can navigate away from the page, then come back, and the input will be populated with its previous value.  I think this creates for a confusing user experience, and would like to prevent it.</p>
<p>Is there a way to do this without manually resetting the value?  I have tried changing the response to not cache as well as setting <code>autocomplete='false'</code> with no luck.</p>


I have a `&lt;div&gt;` element and I want to put a border on it.  I know I can write `style=&quot;border: 1px solid black&quot;`, but this adds 2px to either side of the div, which is not what I want.  

I would rather have this border be -1px from the edge of the div. The div itself is 100px x 100px, and if I add a border, then I have to do some mathematics to make the border appear.

Is there any way that I can make the border appear, and ensure the box will still be 100px (including the border)?

Placing border inside of div and not on its edge

I am working on an extension for Chrome. I wish parse the content of the &quot;original&quot; Gmail message (the currently viewed message).

I tried to utilize the jQuery.load() as follows

    $(windows).load(function() { alert(GLOBALS); });

and place it at the content script, but it does not work either. I am using Chrome&#39;s developer tools, which returns the following error on the invocation of the ``alert(GLOBALS);``

&gt; Uncaught ReferenceError: GLOBALS is not defined

Although, when using the developers tools&#39; console, typing into the console ``GLOBALS`` it returns an array. 

Any clue how to access the GLOBALS from the content script?

Chrome extension - retrieving global variable from webpage

How can I handle an onchange for `&lt;input type=&quot;number&quot; id=&quot;n&quot; value=&quot;5&quot; step=&quot;.5&quot; /&gt;` ? I can&#39;t do a `keyup` or `keydown`, because, the user may just use the arrows to change the value.  I would want to handle it whenever it changes, not just on blur, which I think the `.change()` event does.  Any ideas?

onchange event for input type=&quot;number&quot;

I’m having some strange problem with my JS program. I had this working properly but for some reason it’s no longer working. I just want to find the value of the radio button (which one is selected) and return it to a variable. For some reason it keeps returning `undefined`.

Here is my code:

 	function findSelection(field) {
		var test = &#39;document.theForm.&#39; + field;
		var sizes = test;
		
		alert(sizes);
			for (i=0; i &lt; sizes.length; i++) {
				if (sizes[i].checked==true) {
				alert(sizes[i].value + &#39; you got a value&#39;);		
				return sizes[i].value;
			}
		}
	}

`submitForm`:

	function submitForm() {

		var genderS =  findSelection(&quot;genderS&quot;);
		alert(genderS);
    }

HTML:

	&lt;form action=&quot;#n&quot; name=&quot;theForm&quot;&gt;
	
		&lt;label for=&quot;gender&quot;&gt;Gender: &lt;/label&gt;
		&lt;input type=&quot;radio&quot; name=&quot;genderS&quot; value=&quot;1&quot; checked&gt; Male
		&lt;input type=&quot;radio&quot; name=&quot;genderS&quot; value=&quot;0&quot; &gt; Female&lt;br&gt;&lt;br&gt;
		&lt;a href=&quot;javascript: submitForm()&quot;&gt;Search&lt;/A&gt;
    &lt;/form&gt;

How to get the selected radio button’s value?

I don&#39;t have much experience in HTML. I am looking to create a simple listbox, but one of the requirements is to DISALLOW multiple selection. Most of the code for listboxes goes like this - 

     &lt;select name=&quot;sometext&quot; multiple=&quot;multiple&quot;&gt;
        &lt;option&gt;text1&lt;/option&gt;
        &lt;option&gt;text2&lt;/option&gt;
        &lt;option&gt;text3&lt;/option&gt;
        &lt;option&gt;text4&lt;/option&gt;
        &lt;option&gt;text5&lt;/option&gt;
     &lt;/select&gt;

But this allows for multiple selection. 

[Here][1], a similar question was asked, but the &quot;best&quot; answer has been downvoted. So I am not sure how else this could be done. Please help.


  [1]: https://stackoverflow.com/questions/900019/select-element-in-the-multiple-selection-display-style-without-allowing-multiple

How to create a listbox in HTML without allowing multiple selection?

Is it possible to disable the scroll wheel changing the number in an input number field?
I&#39;ve messed with webkit-specific CSS to remove the spinner but I&#39;d like to get rid of this behavior altogether. I like using `type=number` since it brings up a nice keyboard on iOS. 

Disable scrolling on `&lt;input type=number&gt;`

I&#39;d like to send some data using an XMLHttpRequest in JavaScript.

Say I have the following form in HTML:

```html
&lt;form name=&quot;inputform&quot; action=&quot;somewhere&quot; method=&quot;post&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;person&quot; name=&quot;user&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;password&quot; name=&quot;pwd&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;place&quot; name=&quot;organization&quot;&gt;
  &lt;input type=&quot;hidden&quot; value=&quot;key&quot; name=&quot;requiredkey&quot;&gt;
&lt;/form&gt;
```

How can I write the equivalent using an XMLHttpRequest in JavaScript?

Send POST data using XMLHttpRequest

I have a HTML form where I use several buttons. The problem is that no matter which button I  click, the form will get submitted even if the button is not of type &quot;submit&quot;. e.g. Buttons like :`&lt;button&gt;Click to do something&lt;/button&gt;`, result in form submission.

It&#39;s quite painful to do an `e.preventDefault()` for each one of these buttons.

I use jQuery and jQuery UI and the website is in HTML5.

Is there a way to disable this automatic behavior?



Disable form auto submit on button click

I am trying to submit a form through onclick event on &lt;a&gt; tag. I have tried triggering document.myform.submit(), this.form.submit(), parentNode.submit() etc. but none of this is working! Using a submit button, the code works fine. But I want to use &lt;a&gt; tag in place of that. Need some help.


                &lt;form id=&quot;myform&quot; name=&quot;myform&quot; method=&quot;POST&quot; action=&quot;process_edit_questionnaire.php?project=&lt;?php echo $project_id; ?&gt;&quot;&gt;
                    &lt;input name=&quot;module&quot; type=&quot;hidden&quot; value=&quot;&lt;?php echo $module_id;?&gt;&quot;/&gt;
                    &lt;input name=&quot;project&quot; type=&quot;hidden&quot; value=&quot;&lt;?php echo $project_id;?&gt;&quot;/&gt;
                    &lt;input name=&quot;hidden_ques_id&quot; type=&quot;hidden&quot; value=&quot;&lt;?php echo $data_array_ques[$j][&#39;ques_id&#39;];?&gt;&quot;/&gt;
                    
                &lt;div id=&quot;question_block&quot;&gt;
                    
                    &lt;div id=&quot;serial_block&quot;&gt;
                        &lt;p id=&quot;s_original_&lt;?php echo $j+1; ?&gt;&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;showSelectBox(&lt;?php echo $j+1; ?&gt;)&quot;&gt;Serial : 
                            &lt;?php 
                            if($data_array_ques[$j][&#39;ques_position&#39;]==NULL){ 
                                echo $j+1;                            
                            } 
                            else { 
                                echo $data_array_ques[$j][&#39;ques_position&#39;];         
                            } ?&gt;&lt;/a&gt;&lt;/p&gt;
                        &lt;p id=&quot;s_select_box_&lt;?php echo $j+1; ?&gt;&quot; style=&quot;display: none;&quot;&gt;Serial : 
                            &lt;select name=&quot;serial&quot;&gt;
                              &lt;?php for($p=1;$p&lt;=count($data_array_ques);$p++){ ?&gt;
                                        &lt;option value=&quot;&lt;?php echo $p; ?&gt;&quot; &lt;?php if($p==$data_array_ques[$j][&#39;ques_position&#39;]){ echo &quot;selected=\&quot;selected\&quot;&quot;;} ?&gt; &gt;&lt;?php echo $p; ?&gt;&lt;/option&gt;
                              &lt;?php }  ?&gt;
                            &lt;/select&gt;
                        &lt;/p&gt;
                    &lt;/div&gt;
                    
                    &lt;div id=&quot;question_text&quot;&gt;
                        &lt;a href=&quot;#&quot; onclick=&quot;showTextBox(&lt;?php echo $j+1; ?&gt;)&quot;&gt;&lt;p id=&quot;q_original_&lt;?php echo $j+1; ?&gt;&quot;&gt;&lt;?php echo $data_array_ques[$j][&#39;ques_text&#39;]; ?&gt;&lt;/p&gt;&lt;/a&gt;
                        &lt;p id=&quot;q_text_box_&lt;?php echo $j+1; ?&gt;&quot; style=&quot;display:none;&quot;&gt;&lt;textarea id=&quot;ques_text&quot; name=&quot;ques_text&quot; rows=&quot;3&quot; cols=&quot;30&quot;&gt;&lt;?php echo $data_array_ques[$j][&#39;ques_text&#39;]; ?&gt;&lt;/textarea&gt;&lt;/p&gt;                     
                    &lt;/div&gt;
                    
                &lt;/div&gt;
                               
                &lt;div id=&quot;menu_block&quot;&gt;
                    &lt;a href=&quot;&quot; onclick=&quot;document.myform.submit()&quot;&gt;Save Changes&lt;/a&gt; |
                    &lt;a href=&quot;delete_question.php?project=&lt;?php echo $project_id; ?&gt;&amp;module=&lt;?php echo $module_id; ?&gt;&quot;&gt;Delete This Question&lt;/a&gt;
                &lt;/div&gt;
                &lt;/form&gt;



Submit form using &lt;a&gt; tag

I cannot figure out what is wrong with my markup, but the placeholder for the text area will not appear. It seems as though it may be covered up with some blank spaces and tabs. When you focus on the text area and delete from where the cursor puts itself, then leave the text area, the proper placeholder then appears.


    &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;
    &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;

    &lt;html&gt;
        &lt;head&gt;
        &lt;/head&gt;

        &lt;body&gt;

        &lt;form action=&quot;message.php&quot; method=&quot;post&quot; id=&quot;message_form&quot;&gt;
            &lt;fieldset&gt;

                &lt;input type=&quot;email&quot; name=&quot;email&quot; id=&quot;email&quot; title=&quot;Email address&quot;
                    maxlength=&quot;40&quot;
                    placeholder=&quot;Email Address&quot; 
                    autocomplete=&quot;off&quot; required /&gt;
                &lt;br /&gt;
                &lt;input type=&quot;text&quot; 
                    name=&quot;subject&quot; 
                    id=&quot;subject&quot; title=&quot;Subject&quot;
                    maxlength=&quot;60&quot; placeholder=&quot;Subject&quot; autocomplete=&quot;off&quot; required /&gt;
                &lt;br /&gt;
                &lt;textarea name=&quot;message&quot; 
                    id=&quot;message&quot; 
                    title=&quot;Message&quot; 
                    cols=&quot;30&quot; 
                    rows=&quot;5&quot; 
                    maxlength=&quot;100&quot; 
                    placeholder=&quot;Message&quot; required&gt;
                &lt;/textarea&gt;
                &lt;br /&gt;
                &lt;input type=&quot;submit&quot; value=&quot;Send&quot; id=&quot;submit&quot;/&gt;

            &lt;/fieldset&gt;
        &lt;/form&gt;
    &lt;/body&gt;

    &lt;script&gt;

    $(document).ready(function() {        
        $(&#39;#message_form&#39;).html5form({
            allBrowsers : true,
            responseDiv : &#39;#response&#39;,
            messages: &#39;en&#39;,
            messages: &#39;es&#39;,
            method : &#39;GET&#39;,
            colorOn :&#39;#d2d2d2&#39;,
            colorOff :&#39;#000&#39;
        }
    );
    });
		
    &lt;/script&gt;

    &lt;/html&gt;

HTML5 textarea placeholder not appearing

I&#39;m trying to find a way to use jQuery autocomplete with callback source getting data via an ajax json object list from the server.

Could anybody give some directions?

I googled it but couldn&#39;t find a complete solution.

jQuery autocomplete with callback ajax json

I recently switched from Eclipse to IntelliJ IDEA, and found myself wondering how to move the cursor out of a pair of auto-completed brackets.

In Eclipse after I finished typing in a pair of brackets, pressing tab brings me out of the brackets. How can I do the same thing without using the arrow keys?

Many thanks for your help!

How to move out of auto-completed brackets in IntelliJ IDEA (without using the arrow keys)?


How can we disable Chrome&#39;s autofill feature on certain `&lt;input&gt;`s to prevent them from being  automatically populated when the page loads?

At the same time I need to keep autocomplete enabled, so the user can still see the list of suggestions by clicking on the input or typing in it. Can this be done?

**EDIT:** Feel free to use plain Javascript or jQuery if you feel it is necessary or you feel like it would make your solution simpler.

Disable form autofill in Chrome without disabling autocomplete

As it states in the title: how to I turn off brackets/quotes/curly braces autocompletion in MSVS? I&#39;m interested in C# and XAML mostly but other text editors would be nice too.

**EDIT**:
Currently I&#39;m using MSVS 11 with these extensions:

 - AnkhSVN
 - Concurrency Visualizer
 - PreEmptive Analytics Aggregator Visualizer
 - MSVS PerfWatson
 - VsGraphicsDebuggerPkg
 - Web Tooling Extensions

Most of them must have been pre-installed with msvs installation, since I cannot recall installing them by myself ;)

**EDIT2**:
I&#39;m using msvs in this version: Version 11.0.50323.1 QRELB

**EDIT3**:  
I found out the problem does not occur in currently available msvs11.

How to turn off brackets/quotes auto-completion in Visual Studio

I have **Google Autocomplete** set up for a text field of an HTML form, and it&#39;s working perfectly.

However, when the list of suggestions appear, and you use the arrows to scroll and select using enter, it submits the form, though there are still boxes to fill in. If you click to select a suggestion it works fine, but pressing **enter** submits.

How can I control this? How can I stop enter from submitting the form, and instead be the selection of a suggestion from autocomplete?

Thanks!
{S}

Google Autocomplete - enter to select

My friends and I are working on a website where we would like to cache certain images in order to display them faster in the future.  I have two main questions:

 1. How do you cache an image?
 2. How do you use an image once it has been cached? (and just to verify, if an image is cached on page A, it is possible to call it from the cache to use it on page B, right?)

Also, is it possible to set *when* the cached version of the image will expire?

It would be much appreciated if an example and/or a link to a page which describes this further was included.

We&#39;re fine using either raw Javascript or the jQuery version.

How do you cache an image in Javascript

I am creating a website, but when I made changes to the stylesheet on my site, and I refreshed the site, none of the changes were there.

I tried to use the view source tool to check the `stylesheet.css` and it isn’t updated either. But when I go to the root of my system it is.

I have to wait at least 20 minutes before I see the update on my site, can anyone tell me why I don’t see changes right away? Is something wrong with my browser, computer, or server?

I also tried deleting my cookies, cache, and history but it still didn’t work.

What is Cache-Control: private?

I was too quick about visiting a site I set up on a customer server, and Firefox now remembers, that the default site for (example) 

    testsite.mycompanyname.com (non existing subdomain, same as *.mycompanyname.com)

is 

    www.mycompanyname.dk - or rather the IP of the default server

I have then later set up the public DNS (a-record) to redirect to another server, but Firefox remembers the default IP adress.

Chrome/IE/Safari - no problem, as they have not visited that site before DNS kicked in...

I have set these in about:config:

    network.dns.disablePrefetch = true
    network.dnsCacheExpiration = 0

Anything else?

I really need firebug to debug the frontend on that site....

Cheers


Firefox invalidate dns cache

I am using `getJSON` to fetch the results from server side but facing browser cache problems. I want the cache to be false. I tried using this just before my `getJSON` call.


     $.ajaxSetup({
                    cache: false
                })


But I am not getting the expected results. It still shows the old results.

I also identified some other solutions such as using `.ajax` but I really don&#39;t want to use that.

Content Type	Original Author	Original Content on Stackoverflow
Question	Igor	View Question on Stackoverflow
Solution 1 - Html	soju	View Answer on Stackoverflow
Solution 2 - Html	A.T.	View Answer on Stackoverflow
Solution 3 - Html	Hossein Hajizadeh	View Answer on Stackoverflow

How to prevent browser from caching form fields?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

How To Upload Files on GitHub

Python here document without newlines at top and bottom

Attributions