<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<!--
    CS 328 - Week 4 Lecture 1 in-class examples

    by: Sharon Tuttle
    last modified: 2026-02-10

    you can run this using the URL:

    https://nrs-projects.humboldt.edu/~st10/s26cs328/328lect04-1/328lect04-1.html

-->

<head>
    <title> S26 - CS 328 - 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> Week 4 Lecture 1 Examples </h1>

    <form action="https://nrs-projects.humboldt.edu/~st10"
          method="get">
        <fieldset>
        <legend> a silly demo form </legend>

            <p>
            <label for="username"> Campus username: (7 chars max) </label>
            <input type="text" name="hum_name" id="username"
                   size="10" maxlength="7" required="required"
                   pattern="[a-z]+[0-9]+" />
            </p>

            <fieldset>
            <legend> PL/SQL subroutines </legend>
                <p>
                <input type="radio" name="plsql_sub" id="procedure"
                       value="proc" />
                <label for="procedure"> Procedure </label>
                </p>
                
                <p>
                <input type="radio" name="plsql_sub" id="function"
                       value="funct" checked="checked" />
                <label for="function"> Function </label>
                </p>

                <p>
                <input type="radio" name="plsql_sub" id="trigger"
                       value="trig" />
                <label for="trigger"> Trigger </label>
                </p>
            </fieldset>

            <fieldset>
            <legend> PL/SQL Optional Parts </legend>
            <p>
                <input type="checkbox" name="param" id="parameter" />
                <label for="parameter"> Parameters </label>         
            </p>

            <p>
                <input type="checkbox" name="loc_dcl" id="local_decl"
                       checked="checked" />
                <label for="local_decl"> Declaration Block </label>                 
            </p>

            <p>
                <input type="checkbox" name="exc" id="exception" />
                <label for="exception"> Exception Block </label>
            </p>
            </fieldset>

            <p>
            <label for="secret"> Secret word: (10 chars max) </label>
            <input type="password" name="secret_word" id="secret"
                   maxlength="10" />
            </p>

            <!-- ADDED AFTER CLASS -->

            <!-- example of a textarea element -->

            <p>
            <label for="comfort_lvl"> Describe your current
                comfort-level with PL/SQL: </label> <br />

            <textarea name="comf_lvl" id="comfort_lvl"
                      placeholder="Start typing here"
                      rows="5" cols="40"></textarea>
            </p>

            <!-- example of a select element (drop-down box) -->

            <p>
            <label for="plsql_feature"> Choose a PL/SQL language 
                feature to describe: </label><br />
        
            <select name="feature" id="plsql_feature">
                <option value="print"> dbms_output.put_line
                    </option>
                <option value="assn"> assignment statement
                    </option> 
                <option value="into"> INTO clause </option> 
                <option value="if" selected="selected"> 
                    if statement </option>
                <option value="while"> while loop </option>
                <option value="for"> for loop </option>
                <option value="coltype"> %TYPE </option>
                <option value="cursor_decl"> cursor variable 
                    </option>
                <option value="cursor_loop"> cursor-controlled
                    loop </option>
            </select> 
            </p>
            
            <input type="submit" value="submit form" />
        </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>