在HTML中，range是一種常用的表單元素，它允許用戶通過滑塊或輸入框選擇一個(gè)數(shù)值。但是，有時(shí)我們希望range在頁(yè)面加載時(shí)有一個(gè)默認(rèn)值。本文將介紹如何使用HTML和JavaScript來設(shè)置range的默認(rèn)值。 首先，我們可以在range元素中使用value屬性來設(shè)置默認(rèn)值。例如，我們有一個(gè)range元素如下：

<input type="range" id="myRange" min="0" max="100" value="50">

該元素的默認(rèn)值為50。用戶在頁(yè)面加載時(shí)將看到滑塊在中間位置。我們可以通過修改value屬性來自定義默認(rèn)值。 如果我們想要通過JavaScript來設(shè)置range的默認(rèn)值，可以使用以下代碼：

<input type="range" id="myRange" min="0" max="100">
<script>
document.getElementById("myRange").value = 50; // 默認(rèn)值為50
</script>

上面的代碼使用JavaScript來設(shè)置range的默認(rèn)值為50。代碼將在頁(yè)面加載時(shí)執(zhí)行，將range的值設(shè)置為50。 此外，我們還可以使用CSS來自定義range元素的外觀。例如，我們可以使用下面的CSS代碼將range的滑塊變?yōu)榧t色：

<style>
input[type=range]::-webkit-slider-thumb {
background: red;
}
</style>

通過上述方法，我們可以很容易地在HTML中設(shè)置range的默認(rèn)值，并通過JavaScript和CSS來自定義它的外觀和行為。