16、HTML表单与CSS样式入门指南

HTML表单与CSS样式入门指南

1. HTML表单创建与练习

在网页开发中，表单是收集用户信息的重要工具。下面将介绍如何创建包含滑块、单选按钮和复选框的表单。

1.1 滑块表单示例

以下是一个包含服务评分、价格评分和等待时间评分的滑块表单，用户可以通过滑块选择1 - 10的数值，还可以清除表单数据或提交反馈。此外，用户还可以选择填写电话号码。

<input type="range" min="1" max="10" id="service" name="service"><br><br>
<label for="price">Price: </label>
<input type="range" min="1" max="10" id="price" name="price"><br><br>
<label for="wait">Wait time:</label>
<input type="range" min="1" max="10" id="wait" name="wait"><br><br>
<input type="reset" value="Clear the Form"> 
<button type="submit"> Submit Feedback </button> <br><br><br>
<hr>
<label for="phone"