Yes, any unsupported type will revert to the &#39;type=text&#39; format.

I found a good page which lists out all the existing input types. I tried looking at it from different browsers, a bit interesting. Don&#39;t know if it will help you or not.

http://miketaylr.com/pres/html5/forms2.html

Browsers will fall back to type=&quot;text&quot; when they encounter unsupported input type. So I think it&#39;s OK to use type=&quot;tel&quot;.

Short answer: yes. As @el.pescado mentions, browsers fall back to `type=text` when they don&#39;t understand the type. For more info about the other cool features you get from [HTML5 forms](https://www.w3schools.com/html/html_forms.asp), check out [A Form of Madness][1], which is the forms chapter in Dive Into HTML5.

[1]: http://fortuito.us/diveintohtml5/forms.html

It is ok. Browsers will use `type=text` when they encounter unsupported types.

So I have a drop-down menu that shows on a click, as per business requirements. The menu becomes hidden again after you mouse away from it.

But now I am being asked to have it stay in place until user clicks anywhere on the document. How can this be accomplished?

This is a simplified version of what I have now:


    $(document).ready(function() {
      $(&quot;ul.opMenu li&quot;).click(function(){
       $(&#39;#MainOptSubMenu&#39;,this).css(&#39;visibility&#39;, &#39;visible&#39;);
      });
    
      $(&quot;ul.opMenu li&quot;).mouseleave(function(){
          $(&#39;#MainOptSubMenu&#39;,this).css(&#39;visibility&#39;, &#39;hidden&#39;);
      });
    });



    &lt;ul  class=&quot;opMenu&quot;&gt;
      &lt;li id=&quot;footwo&quot; class=&quot;&quot;&gt;
        &lt;span id=&quot;optImg&quot; style=&quot;display: inline-block;&quot;&gt; &lt;img src=&quot;http://localhost.vmsinfo.com:8002/insight/images/options-hover2.gif&quot;/&gt; &lt;/span&gt;
          &lt;ul id=&quot;MainOptSubMenu&quot; style=&quot;visibility: hidden; top: 25px; border-top: 0px solid rgb(217, 228, 250); background-color: rgb(217, 228, 250); padding-bottom: 15px;&quot;&gt;
            &lt;li&gt;some&lt;/li&gt;
           &lt;li&gt;nav&lt;/li&gt;
           &lt;li&gt;links&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt; 


I tried something like this `$(&#39;document[id!=MainOptSubMenu]&#39;).click(function()` thinking it would trigger on anything that wasnt the menu, but it didnt work.
  

Click outside menu to close in jquery

[dnspython][1] will do my DNS lookups very nicely, but it entirely ignores the contents of `/etc/hosts`.

Is there a python library call which will do the right thing? ie check first in `etc/hosts`, and only fall back to DNS lookups otherwise?


  [1]: http://www.dnspython.org

How can I do DNS lookups in Python, including referring to /etc/hosts?

I&#39;m working on a mobile phone web app and I have several text fields that could benefit from `&lt;input type=&quot;tel&quot;/&gt;`. iPhones will adjust the keyboard for the user, but I&#39;m worried about breaking backwards compatibility. What I&#39;m hoping is that browsers/phone that support this can assist the user and other browser will fall back to a standard text field? Is this an acceptable practice? Does it even work?

Is it okay to use &lt;input type=&quot;tel&quot;/&gt; now?

<p>I'm working on a mobile phone web app and I have several text fields that could benefit from <code>&#x3C;input type="tel"/></code>. iPhones will adjust the keyboard for the user, but I'm worried about breaking backwards compatibility. What I'm hoping is that browsers/phone that support this can assist the user and other browser will fall back to a standard text field? Is this an acceptable practice? Does it even work?</p>


How can I show HTML snippets on a webpage without needing to replace each `&lt;` with `&amp;lt;` and `&gt;` with `&amp;gt;`?

In other words, is there a tag for *don&#39;t render HTML until you hit the closing tag*?

How to display raw HTML code on an HTML page

The label tag doesn&#39;t have the property &#39;width&#39;, so how should I control the width of a label tag?

How can I control the width of a label tag?

I have a form. Outside that form, I have a button. A simple button, like this:

    &lt;button&gt;My Button&lt;/button&gt;

Nevertheless, when I click it, it submits the form. Here&#39;s the code:

    &lt;form id=&quot;myform&quot;&gt;
        &lt;input /&gt;
    &lt;/form&gt;
    &lt;button&gt;My Button&lt;/button&gt;

All this button should do is some JavaScript. But even when it looks just like in the code above, it submits the form. When I change the tag button to span, it works perfectly. But unfortunately, it needs to be a button. Is there any way to block that button from submitting the form? Like e. g.

    &lt;button onclick=&quot;document.getElementById(&#39;myform&#39;).doNotSubmit();&quot;&gt;My Button&lt;/button&gt;

HTML button to NOT submit form

*Mary had a little form, and its fields where labeled just so.  
Whenever an error crept in, confusion it would sow.*

I&#39;ve got a label for each input field... pretty standard affair.
After validating the form, I&#39;m displaying a helpful little paragraph at the top of the form detailing what information is missing or incorrect.

Can I have two labels for the same input field? One in the form proper, and one in the validation reminder text? Is there any reason I shouldn&#39;t do this?

Can an input field have two labels?

    &lt;html&gt;
      &lt;body&gt;
        &lt;style type=&quot;text/css&quot;&gt;
          p.first {color:blue}
          p.second {color:green}
        &lt;/style&gt;

        &lt;p class=&quot;first&quot;&gt;Hello World&lt;/p&gt;
        &lt;p class=&quot;second&quot;&gt;Hello World&lt;/p&gt;

        &lt;style type=&quot;text/css&quot;&gt;
          p.first {color:green}
          p.second {color:blue}
        &lt;/style&gt;

        &lt;p class=&quot;first&quot;&gt;Hello World&lt;/p&gt;
        &lt;p class=&quot;second&quot;&gt;Hello World&lt;/p&gt;
      &lt;/body&gt;
    &lt;/html&gt;


How is a browser supposed to render css which is non contiguous? Is it supposed to generate some data structure using all the css styles on a page and use that for rendering?

Or does it render using style information in the order it sees?


Using &lt;style&gt; tags in the &lt;body&gt; with other HTML

Is it possible to detect on my page, for example using Javascript, when user visit it using mobile device in portrait mode, and stop orientation changing when user rotate its phone to landscape? There is game on my page, optimized for portrait display only and I don&#39;t want it in landscape.

Blocking device rotation on mobile web pages

I wonder if I were to develop a mobile Web app (now, in two weeks, or in a month), which one should I go for? Which one would you mobile Web developers go for?

If jQM 1.0 were officially released today, I would most likely embrace it (as long as it actually delivers what it promises). Now that it is in alpha, I wonder whether it is worth to jump into it yet for a commercial grade project? Would Sencha Touch be a better alternative?

Sencha Touch or jQuery Mobile?

I&#39;m having an issue where horizontal scrolls appear on certain phones for my site.
I tried to put `overflow-x: hidden` but it&#39;s not working.
The width is auto, so that it will actually automatically resize the web to suits the screen size. All other phones are fine except when viewed in blackberry, nokia e52, and Windows mobile, the horizontal scroll will appear.

Any advice?

disable horizontal scroll on mobile web

I need to develop some html pages for iphone/android phones, but what is the difference between `max-device-width` and `max-width`? I need to use different css for different screen size.

    @media all and (max-device-width: 400px)

    @media all and (max-width: 400px)

What&#39;s the difference?



What is the difference between max-device-width and max-width for mobile web?

In the styles.css, I am using media queries, both of which use a variation of:

    /*--[ Normal CSS styles ]----------------------------------*/
    
    @media only screen and (max-width: 767px) {
    
        /*--[ Mobile styles go here]---------------------------*/
    }

The sites resize to the layout I want in a regular browser (Safari, Firefox) when I shrink the window, however, the mobile layout isn&#39;t shown at all on a phone. Instead, I just see the default CSS.

Can anyone point me in the right direction?



Why are my CSS3 media queries not working on mobile devices?

I&#39;d like to be able to create a function like:

    class A {
      private String extraVar;
      public String myFormat(String format, Object ... args){
        return String.format(format, extraVar, args);
      }
    }

The problem here is that `args` is treated as `Object[]` in the method `myFormat`, and thus is a single argument to `String.format`, while I&#39;d like every single `Object` in `args` to be passed as a new argument. Since `String.format` is also a method with variable arguments, this should be possible.

If this is not possible, is there a method like `String.format(String format, Object[] args)`? In that case I could prepend `extraVar` to `args` using a new array and pass it to that method.


Can I pass an array as arguments to a method with variable arguments in Java?

I&#39;m trying to create a universal iPhone app, but it uses a class defined only in a newer version of the SDK. The framework exists on older systems, but a class defined in the framework doesn&#39;t.

I know I want to use some kind of weak linking, but any documentation I can find talks about runtime checks for function existence - how do I check that a class exists?

Weak Linking - check if a class exists and use that class

I do most of my programming in Python 3.x on Windows 7, but now I need to use the Python Imaging Library (PIL), ImageMagick, and wxPython, all of which require Python 2.x.

Can I have both Python 2.x and Python 3.x installed in Windows 7? When I run a script, how would I &quot;choose&quot; which version of Python should run it? Will the aforementioned programs be able to handle multiple versions of Python installed at once? I have searched for hours and hours for how to do this to no avail.

Thanks.

How to install both Python 2.x and Python 3.x in Windows

Greetings all,

This has confused me ever since I first started coding in C#.  My goal is to create an assembly that will run on the most recent .NET framework the user has, whatever that may be.  I don&#39;t want to require .NET 4 to be installed, but I want to use it if the user has it, and more importantly, I want it to still work if the user has _only_ .NET 4 and nothing below.  I&#39;m beginning to suspect this is not even possible.

I don&#39;t really understand what I&#39;m selecting when I change the &quot;Target Framework&quot; in Visual Studio.  Does that mean &quot;will be compatible with this version and up&quot;?  Or &quot;will be compatible with only this version&quot;?  It seems like it&#39;s the latter so far; my tests in virtual machines show .NET 4 targeted assemblies failing without .NET 4, and .NET 3.5 targeted assemblies failing without .NET 3.5.  Is there no way to set this so I can achieve maximum compatibility?

UPDATE: To clarify, I have a program that targets .NET 2.  The posters here seem to indicate that it should load with .NET 4.  But in an environment with only .NET 4 and nothing before it, it fails to load.

UPDATE2: Okay, figured it out, but it&#39;s far more complex than the posters here seem to think.  I&#39;m opening a different question to discuss the intricacies, but the short version is, you need an app.config with `&lt;supportedRuntime version=&quot;v4.0&quot; /&gt;` in it if you want to run non-.NET 4 assemblies on .NET 4.  They won&#39;t load without it.

What does it really mean to target a framework, and how do I maximize compatibility?

**Backward** binary compatibility (or **downward** compatibility) - an ability of clients built with an old version of library API to run on a new one ([wiki][1]).

**Upward** binary compatibility (or **forward** compatibility) - an ability of clients built with a new version of library API to run on old one ([wiki][2]).

The general Sun&#39;s document about JDK [Incompatibilities in J2SE 5.0 since 1.4.2][3] (and [Java SE 6 compatibility with J2SE 5.0][4] too) describes the compatibility of JDK as following:

&gt; JDK 5.0 is **upwards** binary-compatible with Java 2 SDK, v1.4.2 except for the incompatibilities listed below. This means that, except for the noted incompatibilities, **class files built with version 1.4.2 compilers will run correctly in JDK 5.0**.

I suppose that documentation writers have **mixed up** terms &quot;upward&quot; and &quot;backward&quot; compatibility in this sentence. They describe a &quot;backward&quot; compatibility, but call this feature as &quot;upward&quot; compatibility.

Is this a typo, mistake or intended term here?
Is JDK &quot;upward&quot; or &quot;backward&quot; compatible?

  [1]: http://en.wikipedia.org/wiki/Backward_compatibility
  [2]: http://en.wikipedia.org/wiki/Forward_compatibility
  [3]: http://java.sun.com/j2se/1.5.0/compatibility.html
  [4]: http://www.oracle.com/technetwork/java/javase/compatibility-137541.html



Content Type	Original Author	Original Content on Stackoverflow
Question	Michael	View Question on Stackoverflow
Solution 1 - Html	animuson	View Answer on Stackoverflow
Solution 2 - Html	el.pescado - нет войне	View Answer on Stackoverflow
Solution 3 - Html	Hank Gay	View Answer on Stackoverflow
Solution 4 - Html	Username Name	View Answer on Stackoverflow

Is it okay to use <input type="tel"/> now?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

How can I do DNS lookups in Python, including referring to /etc/hosts?

Click outside menu to close in jquery

Attributions