Page 139 - Learn To Use HTML and CSS
P. 139

So You Want to Learn to Use HTML and CSS – Version 2020-06-12a                       Page 129
               Chapter 12 — Forms and Input Elements

                                   <br>
             Free
                                   <fieldset>
                                       <legend>Are you a student:</legend>
                                       <input type="radio" name="student" id="student_k12"
                                       value="k12">
                                       <label for="student_k12">K-12</label>
                                       <input type="radio" name="student" id="student_c"
                                       value="c">
             eBook
                                       <label for="student_c">College (any level)</label>
                                       <input type="radio" name="student" id="student_n"
                                       value="n">
                                       <label for="student_n">Not currently</label>
                                   </fieldset>
                                   <br>
                                   <label for="commenttext">Comments:</label>
                                   <textarea id="commenttext" name="comment" rows=5 cols=40>
             Edition
                                   </textarea>
                                   <br>
                                   <input type="hidden" name="author" value="J.M.Reneau">
                                   <input type="submit">
                              </form>
                         </section>
                         <footer>
            Please support this work at
                              <p><small>© 2020 The SYW2L Project
                              <a href="http://www.syw2l.org">http://www.syw2l.org</a>
                              </small></p>
                         </footer>
                    </body>       http://syw2l.org
                </html>


               /* usingreflect.css - Sample CSS Sheet for formatting a Form */

               label {                                                         Free
                       display: inline-block;
                       min-width: 10em;
               }
               fieldset {
                       margin-left: 10em;
                       display: grid;                              eBook
                       grid-template-columns: 40px 1fr;
               }


                                                                Edition







               Copyright 2020 — James M. Reneau PhD — http://www.syw2l.org — This work is
               licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
   134   135   136   137   138   139   140   141   142   143   144