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

Discussion about HTML and XHTML related issues.
Post Reply
widlowy
Rank 0 - Newcomer
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 » Tue Aug 12, 2014 8:37 am

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
Site Admin
Posts: 3426
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

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

Post by Albert Wiersch » Tue Aug 12, 2014 3:49 pm

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?
Image
Albert Wiersch

Post Reply