在 5 处显示滚动条，但值字段应读取文件并打印文件内的值,javascript,html"/>
时间戳

首页 > 解决方案 > 在 HTML 页面中在 5 处显示滚动条，但值字段应读取文件并打印文件内的值

javascript - 在 HTML 页面中在 5 处显示滚动条，但值字段应读取文件并打印文件内的值

问题描述

我正在为策略设置一个 HTML 页面，该页面应该从策略页面读取参数值并将其显示在浏览器中。现在我已经编写了一个 shell 脚本来读取和显示我提供的参数的值。现在我的问题是，是否可以将相同的脚本放在“ input type=range value='./script'”下，或者您是否有任何其他选项来读取配置/策略文件。

function resetFunc() {
  document.getElementById("myForm").reset();
}

function checkLength1(elem) {
  if (elem.value > 100) {
    alert('Max value is 100')
    elem.value = '';
  }
}

function checkLength2(elem) {
  if (elem.value > 4) {
    alert('Max value is 4')
    elem.value = '';
  }
}

function readValue() {}
<html>

<head>
</head>

<body bgcolor="#f1f1f1">
  <h2 align="center"><u>Password policy setting page</u></h2>
  <div class="container" align="center">
    <form id="myForm" align="center">
      Expiry <br> <input type="range" name="ExpiryRange" min="0" max="100" value="30" oninput="this.form.ExpiryInput.value=this.value" />
      <span class='number-wrapper'>
              <input type="number" name="ExpiryInput" min="0" max="100" value="30" oninput="this.form.ExpiryRange.value=this.value" onkeyup="checkLength1(this)" />
            </span><br> Min.Length
      <br><input type="range" name="MinlenRange" min="0" max="100" value="8" oninput="this.form.MinlenInput.value=this.value" />
      <input type="number" name="MinlenInput" min="0" max="100" value="8" oninput="this.form.MinlenRange.value=this.value" onkeyup="checkLength1(this)" /><br> Max.Length
      <br><input type="range" name="MaxlenRange" min="0" max="100" value="60" oninput="this.form.MaxlenInput.value=this.value" />
      <input type="number" name="MaxlenInput" min="0" max="100" value="60" oninput="this.form.MaxlenRange.value=this.value" onkeyup="checkLength1(this)" /><br> Lowercase Letter<br><input type="range" name="LCRange" min="0" max="4" value="1" oninput="this.form.LCInput.value=this.value"
      />
      <input type="number" name="LCInput" min="0" max="4" value="1" oninput="this.form.LCRange.value=this.value" onkeyup="checkLength2(this)" /><br> Uppercase Letter<br><input type="range" name="UCRange" min="0" max="4" value="1" oninput="this.form.UCInput.value=this.value"
      />
      <input type="number" name="UCInput" min="0" max="4" value="1" oninput="this.form.UCRange.value=this.value" onkeyup="checkLength2(this)" /><br> Digit
      <br><input type="range" name="DRange" min="1" max="4" value="1" oninput="this.form.DInput.value=this.value" />
      <input type="number" name="DInput" min="1" max="4" value="1" oninput="this.form.DRange.value=this.value" onkeyup="checkLength2(this)" /><br> Symbol
      <br><input type="range" name="SRange" min="1" max="4" value="1" oninput="this.form.SInput.value=this.value" />
      <input type="number" name="SInput" min="1" max="4" value="1" oninput="this.form.SRange.value=this.value" onkeyup="checkLength2(this)" /><br>
      <br><br>
    </form>
  </div>
  <div align="center">
    <input type="Submit" align="center" onclick="alert('Success!!!')">
    <input id="reset" onclick="resetFunc()" type="button" value="Reset">
  </div>

</body>

</html>

标签： javascripthtml

解决方案

推荐阅读