1. Was ist ein Formularobjekt?
Formular (
bildet ein Array von Dokumentobjekten Es gibt zwei Elemente: Formen[0] kann auf das erste Formular zugreifen, das drei Grundelemente hat: und Formen[1] entspricht dem Formular form2, das nur zwei Elemente hat.
Zusätzlich zum Zugriff auf das Formularobjekt über das Formulararray können Sie auch direkt über den Namen des Formulars darauf zugreifen. Im obigen Beispiel können Sie beispielsweise auch document.form1 und document.form2 verwenden, um jeweils auf die beiden Formulare zuzugreifen.
2. Methoden von Formularobjekten
Die subscribe()-Methode von Formularobjekten wird zum Senden von Formularinformationen verwendet. Um beispielsweise ein Formular mit dem Namen form1 auf der Seite einzureichen, können Sie die folgende Anweisung verwenden:
document.form1.submit();
3
Attributbeschreibung Name Der Name des Formulars Aktion Das nach dem Absenden des Formulars ausgeführte Programm Ziel Geben Sie an, in welchem Fenster sich die Daten befinden angezeigt in (_blank,_parent, _self,_top) oder in welchem Frame (Framename) Kodierung standardmäßig auf Text/HTML Methode „Get“ oder „Post“ Elemente Array Schreibgeschützt, Index aller Objekte im Formular, 0,1,… Sie können nach Dokument ermitteln, wie viele Objekte das Formular insgesamt enthält .formname.elements.length Hier ist die Elementeigenschaft ein Array, dessen Elemente jedem Steuerelement im Formular auf der Seite entsprechen. Zusätzlich zu den Elementen entsprechen mehrere andere Attribute des Formulars den Attributen des-Tags in der HTML-Syntax.
Hinweis: Durch Klicken auf die Schaltfläche „Senden“ wird das Onsubmit-Ereignis des Formulars ausgelöst. Wenn der onsubmit-Ereignishandler „false“ zurückgibt, werden die Formulardaten nicht übermittelt. Wenn Sie jedoch direkt die Methode „submit()“ des Formularobjekts verwenden, werden die Daten direkt übermittelt.
* Grundelemente im Formular
Die Grundsteuerelemente im Formular bestehen aus Schaltflächen, Optionsfeldern, Kontrollkästchen, Senden-Schaltflächen, Zurücksetzen-Schaltflächen und Textfeldern. Um auf diese Steuerelemente in JavaScript zuzugreifen, können Sie die folgenden zwei Methoden verwenden:
Form.Element name Zum Beispiel: document.form1.check
Form.elements[subscript] Zum Beispiel: document. form1.elements[2]
Im Folgenden werden die einzelnen grundlegenden Steuerelemente im Formular vorgestellt.
1. Textobjekt
Das Textobjekt entspricht dem Texteingabefeld-Steuerelement auf der Seite.
Attribut accessKey legt die Tastenkombination für den Zugriff auf das Textfeld fest oder gibt sie zurück.
Verwenden Sie Alt accessKey, um den Fokus auf das Element mit der angegebenen Tastenkombination zu legen.
alt Legt den alternativen Text für die Anzeige fest oder gibt ihn zurück, wenn der Browser keine Textfelder unterstützt.
defaultValue Legt den Standardwert des Textfelds fest oder gibt ihn zurück.
disabled Legt fest oder gibt zurück, ob das Textfeld deaktiviert werden soll.
id legt die ID des Textfelds fest oder gibt sie zurück.
maxLength legt die maximale Anzahl von Zeichen im Textfeld fest oder gibt sie zurück.
name Legt den Namen des Textfelds fest oder gibt ihn zurück.
readOnly Legt fest oder gibt zurück, ob das Textfeld schreibgeschützt sein soll.
size Legt die Größe des Textfelds fest oder gibt sie zurück.
tabIndex legt die Reihenfolge der Tabulatortastensteuerung des Textfelds fest oder gibt sie zurück.
type gibt den Formularelementtyp des Textfelds zurück.
value 设置或返回文本域的 value 属性的值。
方法blur( ) 将当前焦点移到后台
select( ) 加亮文字，选取文本域中的内容。
focus() 在文本域上设置焦点。
主要事件onfocus，onblur，onselect，onchange
text对象使用示例如下：
<script> </script>
document.form1.text1.value="this is a javascirpt";
document.form1.text1.select();
alert(document.form1.text1.value);
document.text1.blur();
2、textarea对象
textarea对象对应于页面中的textarea输入控件。
属性name textarea输入框控件名称
value textarea输入框控件中当前的文本
defaultvalue textarea输入框控件的默认文本
方法blur( ) 将当前焦点移到后台
select( ) 加亮文字
主要事件onfocus，onblur，onselect，onchange
3、select对象
select对象对应于网页中的下拉列表框。
…………
属性disabled 设置或返回是否应禁用下拉列表
id 设置或返回下拉列表的 id。
length 返回下拉列表中的选项数目。
multiple 设置或返回是否选择多个项目。
name 设置或返回下拉列表的名称。
options
数组
返回包含下拉列表中的所有选项(option对象)的一个数组。
其中option对象包括如下属性：
text 该选项显示的文字
value 该选项的value值
selected 指明该选项是否别选中
selectedIndex 当前选中项的下标
size 设置或返回下拉列表中的可见行数。
方法options.add() 向下拉列表添加一个选项。
blur() 从下拉列表移开焦点。
focus() 在下拉列表上设置焦点。
remove() 从下拉列表中删除一个选项。
主要事件onfocus，onblur，onchange
4、button对象
button对象对应于网页中的按钮控件。
属性accessKey 设置或返回访问按钮的快捷键。
alt 设置或返回当浏览器无法显示按钮时供显示的替代文本。
disabled 设置或返回是否禁用按钮。
id 设置或返回按钮的 id。
name 设置或返回按钮的名称。
tabIndex 设置或返回按钮的 tab 键控制次序。
value 设置或返回在按钮上显示的文本。
方法blur() 把焦点从元素上移开。
click() 在该按钮上模拟一次鼠标单击。
focus() 为该按钮赋予焦点。
主要事件onclick
5、checkbox对象
checkbox对象对应于网页中的复选框。
选项说明
属性accessKey 设置或返回访问 checkbox 的快捷键。
alt 设置或返回不支持 checkbox 时显示的替代文本。
checked 设置或返回 checkbox 是否应被选中。
defaultChecked 返回 checked 属性的默认值。
disabled 设置或返回 checkbox 是否应被禁用。
id 设置或返回 checkbox 的 id。
name 设置或返回 checkbox 的名称。
tabIndex 设置或返回 checkbox 的 tab 键控制次序。
value 设置或返回 checkbox 的 value 属性的值
方法blur() 从 checkbox 上移开焦点
click() simuliert einen Mausklick in der Checkbox.
focus() gibt dem Kontrollkästchen den Fokus.
Hauptereignis beim Klicken
6. Funkobjekt
Das Funkobjekt entspricht der Funksteuerung auf der Webseite. Wenn auf der Webseite mehrere Funksteuerungen mit demselben Namen vorhanden sind, wird ein Array von
Funkobjekten gebildet, in dem jede Funksteuerung ein Funkobjekt ist.
Optionsbeschreibung
Optionsbeschreibung
…………
Attribute accessKey Legt die Tastenkombination für den Zugriff auf das Radio fest oder gibt sie zurück Taste .
alt Legt den angezeigten Alternativtext fest oder gibt ihn zurück, wenn das Optionsfeld nicht unterstützt wird.
geprüft Legt den Status des Optionsfelds fest oder gibt ihn zurück.
defaultChecked Gibt den Standardstatus des Optionsfelds zurück.
disabled Legt fest oder gibt zurück, ob das Optionsfeld deaktiviert ist.
id legt die ID des Optionsfelds fest oder gibt sie zurück.
name Legt den Namen des Optionsfelds fest oder gibt ihn zurück.
tabIndex legt die Tabulatortasten-Steuerungsreihenfolge des Optionsfelds fest oder gibt sie zurück.
Wert legt den Wert des Wertattributs des Optionsfelds fest oder gibt ihn zurück.
Methode „blur()“ entfernt den Fokus vom Optionsfeld.
click() simuliert einen Mausklick auf ein Optionsfeld.
focus() gibt dem Optionsfeld den Fokus.
Hauptereignis onclick
7. Verstecktes Objekt
Verstecktes Objekt entspricht der versteckten Domäne auf der Webseite.
Attribut alt legt den angezeigten Alternativtext fest oder gibt ihn zurück, wenn ausgeblendete Eingabefelder nicht unterstützt werden.
id legt die ID der versteckten Domäne fest oder gibt sie zurück.
name Legt den Namen des ausgeblendeten Felds fest oder gibt ihn zurück.
Wert legt den Wert des Wertattributs des ausgeblendeten Felds fest oder gibt ihn zurück.
8. Submit-Objekt
Das Submit-Objekt entspricht der Submit-Schaltfläche auf der Webseite.
Attribut accessKey legt die Tastenkombination für den Zugriff auf die Schaltfläche „Senden“ fest oder gibt sie zurück.
alt Legt den alternativen Text fest, der angezeigt werden soll, wenn der Browser die Schaltfläche „Senden“ nicht unterstützt, oder gibt ihn zurück.
disabled Legt fest oder gibt zurück, ob die Schaltfläche „Senden“ deaktiviert werden soll.
id legt die ID des Senden-Buttons fest oder gibt sie zurück.
name Legt den Namen der Senden-Schaltfläche fest oder gibt ihn zurück.
tabIndex legt die Reihenfolge der Tabulatortastensteuerung der Senden-Schaltfläche fest oder gibt sie zurück.
Wert Legt den Text fest, der auf der Schaltfläche „Senden“ angezeigt wird, oder gibt ihn zurück.
Die Methode „blur()“ entfernt den Fokus von der Schaltfläche „Senden“.
click() simuliert einen Mausklick auf den Senden-Button.
focus() gibt den Fokus auf die Schaltfläche „Senden“.
Hauptereignis onclick
9. Passwortobjekt
Das Passwortobjekt entspricht dem Passworteingabefeld auf der Webseite.
Attribut accessKey legt die Tastenkombination für den Zugriff auf das Passwortfeld fest oder gibt sie zurück.
alt Legt den alternativen Text fest, der angezeigt wird, wenn das Passwortfeld nicht unterstützt wird, oder gibt ihn zurück.
defaultValue Legt den Standardwert des Passwortfelds fest oder gibt ihn zurück.
disabled Legt fest oder gibt zurück, ob das Passwortfeld deaktiviert werden soll.
id legt die ID des Passwortfelds fest oder gibt sie zurück.
maxLength legt die maximale Anzahl von Zeichen im Passwortfeld fest oder gibt sie zurück.
name Legt den Namen des Passwortfelds fest oder gibt ihn zurück.
readOnly Legt fest oder gibt zurück, ob das Passwortfeld schreibgeschützt sein soll.
size Legt die Länge des Passwortfelds fest oder gibt sie zurück.
tabIndex legt die Tabulatortasten-Steuerungsreihenfolge des Passwortfelds fest oder gibt sie zurück.
Wert legt den Wert des Wertattributs des Passwortfelds fest oder gibt ihn zurück.
Die Methode „blur()“ entfernt den Fokus vom Passwortfeld.
click() legt den Fokus auf das Passwortfeld.
focus() Wählen Sie den Text im Passwortfeld aus.
Hauptereignisse onfocus, onblur, onselect, onchange
*History-Objekt
History-Objekt enthält die vom Benutzer besuchten Informationen (im Browserfenster). ) URL.
Das History-Objekt ist Teil des Fensterobjekts und kann über die Eigenschaft window.history aufgerufen werden.
Historienobjektattribut
Attributbeschreibung
length gibt die Anzahl der URLs in der Browserverlaufsliste zurück.
History-Objekt-Methode
Methodenbeschreibung
back() lädt die vorherige URL in der History-Liste.
forward() lädt die nächste URL in der Verlaufsliste.
go(number|URL) lädt eine bestimmte Seite in der Verlaufsliste.
-1 bedeutet die vorherige Seite
