i apologize if dont correct hear wondering if on errors , warnings html code. code , functionality of site working intended have quite few errors listed.
i ran code listed below through: https://validator.w3.org/#validate_by_input
it came 14 errors or warnings. realize alot appreciated here.
html:
<!doctype html> <html> <head lang="en"> <meta charset="utf-8"> <title>chapter 4</title> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/lab4.css" /> </head> <body> <form method="get" action="http://www.randyconnolly.com/tests/process.php"> <fieldset> <legend>photo details</legend> <table> <tr> <td colspan="2"> <p> <label>title</label><br/> <input type="text" name="title" size="80"/> </p> <p> <label>description</label><br/> <textarea name="description" rows="5" cols="61"> </textarea> </p> </td> </tr> <tr> <td> <p> <label>continent</label><br/> <select name="continent"> <option>choose continent</option> <option>africa</option> <option>asia</option> <option>europe</option> <option>north america</option> <option>south america</option> </select> </p> <p> <label>country</label><br/> <select name="country"> <option>choose country</option> <option>canada</option> <option>mexico</option> <option>united states</option> </select> </p> <p> <label>city</label><br/> <input type="text" name="city" list="cities" size="40"/> <datalist id="cities"> <option>calgary</option> <option>montreal</option> <option>toronto</option> <option>vancouver</option> </datalist> </p> </td> <td> <div class="box"> <label>copyright? </label><br/> <input type="radio" name="copyright" value="1">all rights reserved<br/> <input type="radio" name="copyright" value="2" checked>creative commons<br/> </div> <div class="box"> <label>creative commons types </label><br/> <input type="checkbox" name="cc" >attribution <br/> <input type="checkbox" name="cc" >noncommercial <br/> <input type="checkbox" name="cc" >no derivative works <br/> <input type="checkbox" name="cc" >share alike </div> </td> </tr> <tr> <td colspan="2" > <div class="rectangle"> <label>i accept software license</label> <input type="checkbox" name="accept" > </div> </td> </tr> <tr> <td> <p> <label>rate photo: <br/> <input type="number" min="1" max="5" name="rate" /> </p> <p> <label>color collection: <br/> <input type="color" name="color" /> </p> </td> <td> <div class="box"> <p> <label>date taken: <br/> <input type="date" name="date" /> </p> <p> <label>time taken: <br/> <input type="time" name="time" /> </p> </div> </td> </tr> <tr> <td colspan="2"> <div class="rectangle centered"> <input type="submit" class="rounded"> <input type="reset" value="clear form" class="rounded"> </div </td> </tr> </table> </fieldset> </form> </body> </html>
labels need closing tag (which none of yours have!). change:
<label>rate photo: <br/> <label>rate photo: </label><br/>
<label>color collection: <br/> <label>color collection: </label><br/>
<label>date taken: <br/> <label>date taken: </label><br/>
label>time taken: <br/> label>time taken: </label><br/>
you've missed > on closing div on line 111 - change </div </div>
there warnings regarding input types. ignore these long browser supports them. other that, you're go!
