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>