HTML forms is not working in Safari, but it does in Firefox

For general web development questions that are not specifically related to CSS HTML Validator. This includes (but is not limited to) general HTML, CSS, Accessibility, JavaScript, and SEO questions.
widlowy
Rank 0 - Newcomer
Posts: 1
Joined: Fri Aug 08, 2014 7:59 am

HTML forms is not working in Safari, but it does in Firefox

Post by widlowy »

It's not showing the legend coding that was added or the drop down menu..

Code.


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
</head>
<body>

<form action="index.html" method="post">

<h1>Sign Up</h1>

<fieldset>

<legend><span class="number">1</span> Your basic info</legend>

<label for="name">Name:</label>
<input type="text" id="name" name="user_name">

<label for="mail">Email:</label>
<input type="email" id="mail" name="user_email">

<label for="password">Password:</label>
<input type="password" id="password" name="user_password">

</fieldset>

<fieldset>

<legend><span class="number">2</span> Your profile</legend>

<label for="bio">Biography:</label>
<textarea id="bio" name="user_bio"></textarea>


<label for="job">Job role:</label>
<select id="job" name="user_job">
<optgroup label="Web">
<option value="frontend_developer">Front-End Developer</option>
<option value="php_developer">PHP Developer</option>
<option value="python_developer">Python Developer</option>
<option value="rails_developer">Rails Developer</option>
<option value="web_designer">Web Designer</option>
<option value="wordpress_developer">Wordpress Developer</option>
</optgroup>
<optgroup label="Mobile">
<option value="android_developer">Android Developer</option>
<option value="ios_developer">iOS Developer</option>
<option value="mobile_designer">Mobile Designer</option>
</optgroup>
<optgroup label="Business">
<option value="business_owner">Business Owner</option>
<option value="freelancer">Freelancer</option>
</optgroup>
</select>

</fieldset>

<button type="submit">Sign Up</button>

</form>

</body>
</html>
Last edited by widlowy on Wed Oct 14, 2015 1:02 am, edited 2 times in total.
User avatar
Albert Wiersch
Site Admin
Posts: 3785
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX

Re: HTML forms is not working in Safari, but it does in Fire

Post by Albert Wiersch »

I could not reproduce this.

Can you provide a screenshot? Also, what version of Safari and on what OS? Could it be a very old version of Safari?
Albert Wiersch, CSS HTML Validator Developer • Download CSS HTML Validator FREE Trial