如何遍历页面中的所有单行输入框对象

博客提供了两种清空输入框内容的脚本。一是JS脚本,通过遍历所有input元素,将文本框的值置为空;二是VBScript脚本,在HTML表单中,通过点击按钮触发函数,遍历表单元素,将文本框的值清空。
js脚本:

function TextClear()
{
var mm = document.getElementsByTagName("input").length ;
for(var i=0;i<mm;i++)
{
var dd = document.getElementsByTagName("input").item(i);
if(dd.type == "text")
{
dd.value="";
}
}
}
</script>


vbscript脚本:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<FORM METHOD=POST ACTION="" name="Form1">
<INPUT TYPE="text" NAME="a" value="sdfsf">
<INPUT TYPE="text" NAME="a1" value="sdfsf">
<INPUT TYPE="text" NAME="a2" value="sdfsf">
<INPUT TYPE="text" NAME="a3" value="sdfsf">
<INPUT TYPE="text" NAME="a4" value="sdfsf">
<INPUT TYPE="text" NAME="a5" value="sdfsf">
<SELECT NAME="cc"></SELECT>
<INPUT TYPE="button" value=button name=button1 onclick="allcheck_click()">
</FORM>
</BODY>
</HTML>
<SCRIPT LANGUAGE="vbScript">
<!--
function allcheck_click()
  For Each Obj In Form1
    //alert(Obj.type)
    if Obj.type = "text" then
      set myTextBOx = Obj
      myTextBOx.value = Empty
    end if
  next
end function
//-->
</SCRIPT>
使用vue3 +step + ts = lang写一个页面,所有代码都在同一个文件;页面有一个叫编辑公式按钮;点击后,弹出一个页面,这个页面分左右两块A、B块;A块在左,B块在右;A块是二级树,带搜索功能;B块分上下三块B1/B2/B3块,B1占B块的60%,B2块占B块的30%,B3块占B块的10%;B1是多功能输入框输入框支持上下滚动;输入来源分三块,第一块是左侧树,第二块是入由下方多功能按钮区带入,第三块是键盘输入,键盘输入只能数字和英文字符,自动带入的除外;B2是多功能按钮区,分别是+、-、*、/、if、else if、;、return、>、<、=、{、}、(、)等点击按钮,按钮之间间隔5px,点击B2的按钮,自动带入到B1输入框内;其中点击换行时,B1输入框自动换行,且添加分割线,分割线上下间距1;B1输入框删除时,A块、B2 带入的只能整体删除,不能单个字符删除;B3块有三个按钮靠右排列,分别是公式校验、确认、取消;A块树点击后,自动带入树的到B1输入框内,展示时显示树的名称,返回的是树的id;B1用户输入只能数字和英文字符,自动带入的除外;B1输入框中的内容起始位正输入框的左上角,距边框5px;B1展示内容样式为随机颜色按钮,点击后,展示左插入、右插入、替换、删除操作,其中删除以右上角角标形式展示;点击B3块确认按钮时,以B1的内容以字符串且保留换行符的形式返回,回显时,需要根据所提供的字符串识别分块;
最新发布
06-22
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值