表单javascrip

2023-03-04 20:25:49 来源:网络

表单javascrip

JavaScript表单中常用元素主要属性和事件有哪些?

在处理表格的时候,我们关心表单中的信息一般有:

• 表单中元素的值。

• 表单元素触发的事件。(如改变元素的值,鼠标移出和移入元素都是元素的事件。)

• 表单本身的事件,主要是提交表单的操作。

对于常用的表单元素,我们有必要了解它的常用属性和事件,下面来分别介绍下:

文本框:

主要属性:

value:通过value属性我们可以获取和设置文本框中的内容。

主要事件:

onfocus:当进入元素的时候触发。

onblur:当离开元素的时候触发。

onchange:当文本框内容发生改变时触发。

onkeypress:键盘按键被按下并释放一个键时触发。

onkeydown:键盘按键被按下触发。

onkeyup:键盘按键被释放触发。

复选框和单选框:

主要属性:

value:checked:获取选项是否勾选,值为true和false。

主要事件:

onclick:选框被点击时触发。

onchange:checked的值改变时触发。

下拉框:

主要属性:

type:获取下拉框的类型(单选或多选)。

selectedIndex:获取被选中选项的序号。

options[x].selected:获取特定选项是否被选中,x为序号。(selectedIndex一般用于单选的下拉框。option[x].selected一般用于可以多选的下拉框。)

主要事件:

onchange:下拉框中被选中的选项改变时触发。

有一个教程网 站-秒秒学上,看下相关的知识,上面讲解得可以。

javascript中怎么提交表单

H5edu教育html5开发为您解答:

办法1.同一个页面中建立两个表单 各自提交:

<form action="?" name="form1" id="form1">

<!-- 表单内容 -->

<input type="submit" />

</form>

<form action="?" name="form1" id="form1">

<!-- 表单内容 -->

<input type="submit" />

</form>

办法2:如果非要只有一个表单的话,通过js提交:

<script type="text/javascript" language="javascript">

function submitYouFrom(path){

$('form1').action=path;

$('form1').submit();

}

</script>

<form action="?" name="form1" id="form1">

<!-- 表单内容 -->

<input type="button" value="提交1" onclick="submitYouFrom('地址一')"/>

<input type="button" value="提交2" onclick="submitYouFrom('地址二')"/>

</form>

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除

@轻流