html如何实现输入框自动赋值?

html-css013

html如何实现输入框自动赋值?,第1张

1、新建并保存一个html文档,进入html代码编辑页面。

2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。

3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。

4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。

autocomplete : 是否保存用户输入值–

默认为on,关闭提示选择off。

阻止html自动填充,在表单标签中设置 autocomplete="off",即可

autocomplete定义即用法如下

autocomplete 属性规定表单是否应该启用自动完成功能。

自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

注释:autocomplete 属性适用于 <form>,以及下面的 <input>类型:text, search, url, telephone, email, password, datepickers, range 以及 color。

提示:在某些浏览器中,您可能需要手动启用自动完成功能。

<p>xx:<input name="bl" type="text" value="0"/></p>

<p>xx:<input name="bl" type="text" value="0"/></p>

<p>xx:<input name="bl" type="text" value="0"/></p>

<p>xx:<input name="bl" type="text" value="0"/></p>

<p>xx:<input name="bl" type="text" value="0"/></p>

<p>xx:<input name="bl" type="text" value="0"/></p>

<p><input id="js" type="button" value="计算"/></p>

<p>综合百分比:<input id="zh" type="text" readonly value=""/>%</p>

<p><span id="sm" style="color:red"></span></p>

<script>

window.onload=function(){

   document.getElementById("js").onclick=function(){

      var s=0

      document.getElementsByName("bl").forEach(function(o){

         s+=Number(o.value)

      })

      document.getElementById("zh").value=s

      document.getElementById("sm").innerHTML=(s>5)?"索赔达标":"索赔不达标"

   }

}

</script>