title: Web page behaves differently for Safari
body: <p>The following html code is a cut down version to demonstrate a problem when using it on an ipad or iphone with Safari.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html lang="en"&gt;
       &lt;head&gt;
           &lt;meta charset="utf-8" /&gt;
           &lt;title&gt;Testing&lt;/title&gt;
           &lt;script type="text/javascript"&gt;
                                  function getstuff()
                                  {
  document.dataentry.tandc.blur();
  &lt;!-- Show the Continue button now --&gt;
  document.getElementById("open").hidden="";
  ff.style.display='block';
                             document.dataentry.sb.focus();
  }
  &lt;/script&gt;
           &lt;/head&gt;
           &lt;body&gt;
  &lt;div class="span8"&gt;
  &lt;div class="row"&gt;
  &lt;div class="box"&gt;
  &lt;h3&gt;Sign Up To Access Wi-Fi&lt;/h3&gt;
  &lt;!-- Not going via Facebook --&gt;
  &lt;form name="dataentry" action="http://www.cavreporter.com.au:90/Portal/DoNothing.php" method="post"&gt;
       &lt;div class="field" align="left"&gt;
       &lt;span&gt;&lt;input type="text" name="fn" placeholder="Name" /&gt;&lt;/span&gt;
       &lt;/div&gt;
       &lt;div class="field" align="left"&gt;
       &lt;span&gt;
       &lt;input type="email" name="em" id="txtEmail" placeholder="Email Address" /&gt;
       &lt;/span&gt;
       &lt;/div&gt;
       &lt;div class="field" align="left"&gt;
       &lt;span&gt;Subscribe: &lt;input type="checkbox" name="sb" /&gt;&lt;/span&gt;
       &lt;label&gt;
       &lt;h5&gt;By ticking subscribe you agree to receive information&lt;/h5&gt;
       &lt;/label&gt;
       &lt;input name="tc" type="hidden" /&gt;
       &lt;button class="button" style="text-decoration: underline;" name="tandc" type="submit" onclick="getstuff()"&gt;Sign Up&lt;/button&gt;
       &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- This is the "Enter" button for "Open" networks. --&gt;
  &lt;div style="display:none;" id="ff"&gt;
  &lt;!-- This is the "Enter" button for "Open" networks. --&gt;
  &lt;div class="span8"&gt;
  &lt;div class="row"&gt;
  &lt;div class="box"&gt;
  &lt;strong&gt;By clicking Continue, you agree.&lt;/strong&gt;
  &lt;form action="$authaction" method="get"&gt;
       &lt;input name="tok" type="hidden" value="$tok" /&gt;
       &lt;input name="redir" type="hidden" value="$redir" /&gt;
       &lt;button class="button" style="text-decoration: underline;" id="open" hidden="hidden" type="submit"&gt;Continue&lt;/button&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The code displays a couple of text fields and a button, while the other button is presently hidden from the user. Upon entering info into the text fields click the button and the other button now appears. When using this on a Safari device the second button appears as expected and then almost immediately a new page is loaded using the address of the php routine in the action statement. Using other browsers the page is not loaded and the button appears as expected.</p>
  
  <p>Am I just abusing something with the HTML standard or does Safari required something more as I don't want it to load the page. </p>
  
  <p>An example of this is available at www.cavreporter.com.au:90/fu.html</p>