php輸入范圍值不變

Question

html輸入范圍顯示了它在處理程序上的值，這有些奇怪。

有一些html / php代碼：

    <div class="slidecontainer">
  <input type="range" style="-webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: linear-gradient(to right, red, yellow,  green);
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;" 
min="1" max="<?php printf(number_format($buy_now_price, 2, '', ''),
 $currency_code_display); ?>" 
value="<?php echo number_format($result->bid, 2, '', '') . " " . $currency_code_display; ?>"
 class="slider" id="myRange">
                    </div>

關鍵是該代碼顯示了input的min max和value，但是處理程序始終位於中間。 為什么呢

這是一些照片：

所有輸入的值都不同，但是處理程序都相同嗎？ 該怎么辦 ？

Answer 1

當前，您正在使用輸入值打印此內容：

<?php echo number_format($result->bid, 2, '', '') . " " . $currency_code_display; ?>

在您顯示的示例中，最終結果看起來像這樣：

value="1300 "
           ^

尾隨空格導致滑塊回落到其默認值（50％）。 貨幣顯示在這里無關緊要：HTML不知道如何處理1300 $與1300 € 。

簡而言之，只需使用數字即可。 沒有尾隨空格，沒有貨幣標記。