|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | | - <meta charset="utf-8" /> |
5 | | - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 4 | + <meta charset="utf-8"/> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"/> |
6 | 6 | <title>My form exercise</title> |
7 | | - <meta name="description" content="" /> |
8 | | - <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 7 | + <meta name="description" content="A simple form exercise"/> |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1"/> |
9 | 9 | </head> |
10 | 10 | <body> |
11 | 11 | <header> |
@@ -33,18 +33,18 @@ <h1>Product Pick</h1> |
33 | 33 | </fieldset><br> |
34 | 34 | <fieldset> |
35 | 35 | <legend>T-Shirt Size:</legend> |
36 | | - <input type="radio" id="extra small" name="size" value="XS"> |
37 | | - <label for="extra small">XS</label><br> |
| 36 | + <input type="radio" id="extra-small" name="size" value="XS" required> |
| 37 | + <label for="extra-small">XS</label><br> |
38 | 38 | <input type="radio" id="small" name="size" value="S"> |
39 | 39 | <label for="small">S</label><br> |
40 | 40 | <input type="radio" id="medium" name="size" value="M"> |
41 | 41 | <label for="medium">M</label><br> |
42 | 42 | <input type="radio" id="large" name="size" value="L"> |
43 | 43 | <label for="large">L</label><br> |
44 | | - <input type="radio" id="extra large" name="size" value="XL"> |
45 | | - <label for="extra large">XL</label><br> |
46 | | - <input type="radio" id="extra extra large" name="size" value="XXL"> |
47 | | - <label for="extra extra large">XXL</label><br> |
| 44 | + <input type="radio" id="extra-large" name="size" value="XL"> |
| 45 | + <label for="extra-large">XL</label><br> |
| 46 | + <input type="radio" id="extra-extra-large" name="size" value="XXL"> |
| 47 | + <label for="extra-extra-large">XXL</label><br> |
48 | 48 | </fieldset><br> |
49 | 49 | <input type="submit" value="Place Order"> |
50 | 50 | </form> |
|
0 commit comments