<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <!-- Examples for Week 4 Lecture 1 by: Sharon Tuttle last modified: 2025-02-11 you can run this using the URL: https://nrs-projects.humboldt.edu/~st10/s25cs328/328lect04-1/328lect04-1.html --> <head> <title> Week 4 Lecture 1 Examples </title> <meta charset="utf-8" /> <link href="https://nrs-projects.humboldt.edu/~st10/styles/normalize.css" type="text/css" rel="stylesheet" /> </head> <body> <h1> CS 328 - Week 4 Lecture 1 - Examples </h1> <form method="get" action="https://nrs-projects.humboldt.edu/~st10"> <fieldset> <fieldset> <legend> info about YOU! </legend> <label for="nickname"> Nickname:<br /> (15 chars max, start w/letter) </label> <input type="text" name="nick_name" id="nickname" size="18" maxlength="15" pattern="[A-Za-z].*" required="required" /> </fieldset> <fieldset> <legend> Ice cream flavor for today? </legend> <input type="radio" name="ice_cream" id="choc_radio" value="chocolate" checked="checked" /> <label for="choc_radio">Chocolate</label><br /> <input type="radio" name="ice_cream" id="mint_chip_radio" value="mint_chip" /> <label for="mint_chip_radio">Mint Chip</label><br /> <input type="radio" name="ice_cream" id="peppermint_radio" value="peppermint" /> <label for="peppermint_radio">Peppermint</label> </fieldset> <fieldset> <legend> My transport options </legend> <input type="checkbox" name="bike" id="bicycle" /> <label for="bicycle"> Bike </label><br /> <input type="checkbox" name="car" id="carcycle" checked="checked" /> <label for="carcycle"> Car </label><br /> <input type="checkbox" name="tricycle" id="trike" value="YEAH" /> <label for="trike"> Tricycle </label> </fieldset> <input type="submit" /> </fieldset> </form> <footer> <hr /> <p> Validate by pasting .xhtml copy's URL into<br /> <a href="https://validator.w3.org/nu"> https://validator.w3.org/nu </a> or <a href="https://html5.validator.nu/"> https://html5.validator.nu/ </a> </p> </footer> </body> </html>