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>
HTML forms is not working in Safari, but it does in Firefox
HTML forms is not working in Safari, but it does in Firefox
Last edited by widlowy on Wed Oct 14, 2015 1:02 am, edited 2 times in total.
- Albert Wiersch
- Site Admin
- Posts: 3785
- 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
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?
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