Page 136 - Learn To Use HTML and CSS
P. 136
So You Want to Learn to Use HTML and CSS – Version 2020-06-12a Page 126
Chapter 12 — Forms and Input Elements
grid-template-columns: 13em 1fr;
Free
}
</style>
</head>
<body>
<h1>Company Picnic Registration</h1>
<form method="get" action="http://www.syw2l.org/reflect.php">
<label for="formName">Your Name:</label>
eBook
<input id="formName" name="Name" type="text"
size=50 maxlength=50>
<label for="formTitle">Your Job Title:</label>
<input id="formTitle" name="Title" type="text"
size=50 maxlength=50>
<label for="formTele">Your Telephone Number:</label>
<input id="formTele" name="Telephone" type="tel"
size=15 maxlength=15>
Edition
<label for="formAttend">Number Attending:</label>
<div>
<input id="formAttend" name="NumberAttending" type="range"
min=0 max=10 step=1 value=1
oninput="formAttendShow.value = formAttend.value">
<output id="formAttendShow">1</output>
</div>
Please support this work at
<div></div>
<div id="buttons">
<input type="reset">
<input type="submit">
http://syw2l.org
</div>
</form>
</body>
Free
</html>
eBook
Illustration 41: Company Picnic - Registration Form
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.
