ITѧϰ�� -> �����ĵ� -> JavaScript���Բο��ֲ�
JavaScript�ֲ�
��Ŀ¼�� ����һҳ�� ����һҳ�� ��������

Submit

һ�� HTML �����ϵ��ύ��ť���ύ��ť�����±������ύ��

�ͻ��˶���
ʵ�ְ汾 Navigator 2.0
Navigator 3.0: ������ type ����; ������ onBlur �� onFocus �¼����ƾ����������� blur �� focus ������
Navigator 4.0: ������ handleEvent ������

����Դ

���С�submit����Ϊ TYPE ���Ե� HTML INPUT ���ǡ�����һ�������ı�����JavaScript ����ʱ�����潫����һ����Ӧ�� Submit ���󲢽��������ڶ�Ӧ�� Form ������ elements �����С�������ͨ������������������ Submit ������������ʹ����ֵ�����ṩ�� NAME ���Ե�������ʹ�� NAME ���������顣

�¼�����

��ȫ��

Navigator 4.0���������ύ�� mailto: �� news: URL ��Ҫ�� UniversalSendMail Ȩ�ޡ�Ҫ��ȡ Navigator 4.0 �й��ڰ�ȫ�Ը�������Ϣ���뿴��JavaScript ָ�ϡ��е������¡�JavaScript ��ȫ�ԡ���

����

�����е�һ�� Submit ������������������

Submit ������һ������Ԫ�أ������� FORM �����ڶ��塣

�����ύ��ť���ѱ����ύ���ɱ����� action ����ָ���� URL������Ϊͨ�����ڿͻ���װ��һ����ҳ�棻Ҳ�����뵱ǰҳ��ͬ������ action ����ȷʵ����ôָ���Ļ��߸�����û��ָ�� action ���ԡ�

�ύ��ť�� onClick �¼�����������ֹ�������ύ���෴����Ӧ��ʹ�ñ����� onSubmit �¼���������ʹ�� submit ���������� Submit ���������ο� Form ������ʾ����

���Ը���

form ָ���˰��� Submit �����ı�����
name ��ӳ�� NAME ���ԡ�
type ��ӳ�� TYPE ���ԡ�
value ��ӳ�� VALUE ���ԡ�

��������

blur ���������ύ��ť�ƿ���
click ģ�����ύ��ť�ĵ�����
focus �����������ύ��ť��
handleEvent ����ָ���¼��Ŀ��ƾ�����

ʾ��

���������ӽ�����һ������ submitButton �� Submit �������ı������ɡ���ʾ�ڰ�ť�ı����ϡ�

<INPUT TYPE="submit" NAME="submitButton" VALUE="����">

���ο� Form ��ʾ����

�ο�

Button, Form, Reset, Form.submit, onSubmit

����

form

�԰������ύ��ť�ı��������á�

����Դ Submit
ֻ��
ʵ�ְ汾 Navigator 2.0

����

ÿ������Ԫ�ض���һ�� form ��������ָ��Ԫ�صĸ����������������¼����ƾ������ر����ã���������Ҫ�������õ�ǰ����������Ԫ�ء�

ʾ��

������������ʾ�˴��м���Ԫ�صı��������û����� button2 ʱ������ showElements ����ʾһ�������������а����˱��� myForm ��ÿ��Ԫ�ص����ơ�

<SCRIPT>
function showElements(theForm) {
   str = "���� " + theForm.name + " �ı���Ԫ���У�\n "
   for (i = 0; i < theForm.length; i++)
      str += theForm.elements[i].name + "\n"
   alert(str)
}
</SCRIPT>
<FORM NAME="myForm">
�������ƣ�<INPUT TYPE="text" NAME="text1" VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="��ʾ��������"
   onClick="this.form.text1.value=this.form.name">
<INPUT NAME="button2" TYPE="submit" VALUE="��ʾ����Ԫ��"
   onClick="showElements(this.form)">
</FORM>
�������н���ʾ�����ı���

���� myForm �ı���Ԫ���У�
text1
button1
button2

�ο�

Form

name

ָ�����ύ��ť���Ƶ��ַ�����

����Դ Submit
ʵ�ְ汾 Navigator 2.0

��ȫ��

Navigator 3.0��������Ĭ���Ǵ����۵��ġ��й������۵��ĸ�����Ϣ���뿴��JavaScript �İ�ȫ�ԡ���

����

name ����ʵ���Ϸ�ӳ���� NAME ���Ե�ֵ������ name ���Խ����Ǵ����á�

��Ҫ���� name ���Ժ���ʾ�ڰ�ť�����ϵ��ı���value ����ָ���˸ð�ť�ı����ı���name ���Բ�����ʾ����Ļ�ϣ����������ڱ���ʱ�Ըð�ť�����á�

������ͬһ�������ϳ����˶�������ͬ NAME ���ԵĶ��󣬽����Զ�����һ���������Ƶ����顣�������е�ÿ��Ԫ�ض�������һ�������� Form ������Ԫ�ؽ�����Դ�ļ��е�˳���� 0 ��ʼ���š����磬������ͬһ������������ Text Ԫ�غ�һ�� Submit Ԫ�ص� NAME ���Զ�����Ϊ�ˡ�myField�������ᴴ��Ԫ��Ϊ myField[0]��myField[1] �� myField[2] �����顣����Ҫ�ڴ�����ע�⵽���������ķ���������ʮ������ myField ���������õ���Ԫ�ػ���һ��Ԫ�����顣

ʾ��

�������������У�valueGetter ������ʹ��һ�� for ѭ�������� valueTest �����е�Ԫ�����顣msgWindow ���ڽ���ʾ����������Ԫ�ص����ƣ�

newWindow=window.open("http://home.netscape.com") function valueGetter() {
   var msgWindow=window.open("")
   for (var i = 0; i < newWindow.document.valueTest.elements.length; i++) {
      msgWindow.document.write(newWindow.document.valueTest.elements[i].name + "<BR>")
   }
}

�ο�

Submit.value

type

�������е� Submit ���������Ե�ֵ���ǡ�submit����������ָ���˱���Ԫ�ص����͡�

����Դ Submit
ֻ��
ʵ�ְ汾 Navigator 3.0

ʾ��

���������ӽ��ڱ�����д��ÿ��Ԫ�ص� type ���ԡ�

for (var i = 0; i < document.form1.elements.length; i++) {
   document.writeln("<BR>type Ϊ " + document.form1.elements[i].type)
}

value

��ӳ���ύ��ť�� VALUE ���Ե��ַ�����

����Դ Submit
ֻ��
ʵ�ְ汾 Navigator 2.0

��ȫ��

Navigator 3.0��������Ĭ���Ǵ����۵��ġ��й������۵��ĸ�����Ϣ���뿴��JavaScript �İ�ȫ�ԡ���

����

������ HTML ��ָ���� VALUE ���ԣ�value ���Ծ����ڰ�ť�ı�������ʾ���ı�������û���� HTML ��ָ�� VALUE ���ԣ��ð�ť�� value ���Ծ�Ϊ�ַ�����Submit Query����

��Ҫ���� value ���Ժ� name ���ԡ�name ���Բ�����ʾ����Ļ�ϣ���ֻ���ڱ���ʱ�Ըð�ť�����á�

ʾ��

�����ĺ���������һ�鰴ť�� value ���ԣ���������ʾ�� msgWindow �����У�

function valueGetter() {
   var msgWindow=window.open("")
   msgWindow.document.write("submitButton.value Ϊ " +
      document.valueTest.submitButton.value + "<BR>")
   msgWindow.document.write("resetButton.value Ϊ " +
      document.valueTest.resetButton.value + "<BR>")
   msgWindow.document.write("helpButton.value Ϊ " +
      document.valueTest.helpButton.value + "<BR>")
   msgWindow.document.close()
}
�������ӽ���ʾ����ֵ��

Submit Query
Reset
����
���������Ӽٶ����¶����˰�ť��

<INPUT TYPE="submit" NAME="submitButton">
<INPUT TYPE="reset" NAME="resetButton">
<INPUT TYPE="button" NAME="helpButton" VALUE="����">

�ο�

Submit.name

����

blur

���������ύ��ť�ƿ���

����Դ Submit
ʵ�ְ汾 Navigator 2.0

�﷨

blur()

����

��

�ο�

Submit.focus

click

ģ�����ύ��ť�ĵ������������������� onClick �¼�������

����Դ Submit
ʵ�ְ汾 Navigator 2.0

�﷨

click()

����

��

focus

�����������ύ��ť�ϡ�

����Դ Submit
ʵ�ְ汾 Navigator 2.0

�﷨

focus()

����

��

�ο�

Submit.blur

handleEvent

����ָ���¼��Ŀ��ƾ�����

����Դ Submit
ʵ�ְ汾 Navigator 4.0

�﷨

handleEvent(event)

����

event ����Ҫ���õĶ�����ijһ�¼����ƾ��������ơ�

����

Ҫ���ù����¼������ĸ�����Ϣ���뿴�������¼��ij�����Ϣ����


��Ŀ¼�� ����һҳ�� ����һҳ�� ��������

����ҳ�涥��