Phone Number Detection in Mobile Safari

By  on  

Mobile Safari is chalk full of great features, one of them being the ability to detect phone numbers and turn them into links, allowing the user to tap the link and either call the number or add it to their address book.  There may be some cases where you don't want this functionality to kick in, so here's how you can prevent it:

<meta name="format-detection" content="telephone=no">

This special META tag prevents phone number detection in Mobile Safari.  The "yes" value would obviously enable phone number detection.  Just a quick tip I thought I'd pass on!

Recent Features

  • By
    Welcome to My New Office

    My first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first...

  • By
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

Incredible Demos

  • By
    :valid, :invalid, and :required CSS Pseudo Classes

    Let's be honest, form validation with JavaScript can be a real bitch.  On a real basic level, however, it's not that bad.  HTML5 has jumped in to some extent, providing a few attributes to allow us to mark fields as required or only valid if matching...

  • By
    Vertically Centering with Flexbox

    Vertically centering sibling child contents is a task we've long needed on the web but has always seemed way more difficult than it should be.  We initially used tables to accomplish the task, then moved on to CSS and JavaScript tricks because table layout was horribly...