表单编程

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:全部删除

以上是关于表单编程的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript中的表单编程

Flask WTForm表单编程

响应式表单-Angular高级编程

无法以编程方式提交表单[重复]

表单编程

WinForms 编程 - 模态和非模态表单问题