表单编程
Posted 瑶狗屎狗屎瑶i
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单编程相关的知识,希望对你有一定的参考价值。
表单编程form:action(地址) method(提交方式get和post)表单元素:input:text,password,radio,Checkbox,file(上传),hidden(隐藏){提交表单用到的};submit,image,rest,button select textarea button(带提交)获取表单方法:document.getElementById document.forms[]传下标 document.forms[""]传name值 document.fm获取表单元素的方法:document.getElementById fm.elements[] fm.表单Id fm.[“”]传Id fm.[]传下标 fm.elements[""]传Id表单提交方式:标签提交,方法提交表单提交的标签会触发on submit事件;用方法提交不会触发提交表单方法:submit button image任何标签对象:onclick;表单对象:submit重置的原理是还原不是清空重置:标签重置;方法重置(都会触发on reset事件,和提交不一样)表单事件:.onfocus:当获取某个输入框交点时触发.onblur:当失去某个输入框交点时触发.onchange:在输入框改变内容并离开交点时触发.oninput:修改内容时触发表单特殊属性:multiple:用于selectdisabled:通用;被禁用以后表单内容无法提交read-only:用于input;不能输入但可以提交checked:用于Checkbox;在输入框表示默认,单选框默认选最后一个selected:用于selectselect里的on change改变值时触发在事件中this代表触发事件对象this.value得到的是select里option的value的值,如果没有value值就是得到option值selectedIndex:获取到选中option的下标value:获取option值text:获取option文本option:获取select里所有的option添加option方法:appendChild();innerhtml="<>...</>"option.add()删除option方法:option.remove():指定下标删除option.length=0:全部删除
以上是关于表单编程的主要内容,如果未能解决你的问题,请参考以下文章