Materialise css 输入范围

Question

我想知道如何在滚动范围输入时显示范围值

<form action="#">
                                                  <h5>The Temperature</h5>
                                                  <!--the temperature-->
                                                    <p class="range-field">
                                                      <input type="range" id="temp" min="0" max="100" />

                                                    </p>

Answer 1

使用位置时：相对；有问题的 object 的定位方式确实是相对于文档或相关容器的页边距而言的。因此，例如，如果您有一个 header 想要放置在屏幕的左上角，那么代码可能看起来像这样。

h1 {
position: relative;
top: 5px;
right: 5px;
}

现在将其与 position: absolute; 进行比较；其中元素相对于浏览器 window 或 parent 元素定位。因此，虽然相对定位不会影响除特定目标之外的任何其他元素，但绝对定位会导致元素重叠，因为 object 被放置在特定位置。例如，如果您想将图像放置在屏幕的右下角，您的代码可能如下所示。

img {
position: absolute;
bottom: 0px;
right: 0px;
}

Materialise css 输入范围

Materialize css input range

css

materialize

web