HTML Basic Control Einführung_ Power Node Java College

<eingabe> Tags werden verwendet, um Benutzerinformationen zu sammeln.

Nach verschiedenen Typ -Attributwerten hat das Eingabefeld viele Formen. Es können Textfelder, Kontrollkästchen, Textsteuerungen nach der Maske, einzeln ausgewählte Schaltflächen, Schaltflächen usw. sein.

Text: Textbereich

Readonly Attribut: Nur lesen.

Passwort: Passwortbereich, der Eingabetxt wird in '*' angezeigt.

Kontrollkästchen: Kontrollkästchen

Überprüftes Attribut: Ob Sie auswählen;

Radio: Einzelauswahlbox;

Name Eigenschaften: Geben Sie mehrere Einzelwahlen -Boxen in einem Bereich für die Einzelauswahl an

Zurücksetzen: Setzen Sie alle Beschriftungen in der aktuellen <form> Form zurück, um den Zustand zu initialisieren (z. B. das Löschen des Inhalts des Textbereichs).

Senden: Senden Sie die aktuellen <Formular> Formularinformationen auf die angegebene Seite

Taste: Gewöhnliche Schaltfläche

Wertattribut: Text mit der Schaltflächenschaltfläche angezeigt

Datei: Dateiauswahlbezeichnung

Versteck: Versteckte Bereiche, können Sie einige der Informationen anzeigen, die sie nicht anzeigen, und die Informationen, die Sie verwenden, werden hier gespeichert

Bild: Bildbereich

SRC -Attribut: Geben Sie den Pfad des Bildspeichers an;

Titelattribut: Maus wechselt zu dem in der Abbildung angezeigten Text;

ALT: Wenn das Bild geladen oder geschlossen ist, wird der angezeigte Text angezeigt.

Sie können ein einzelnes oder mehrfaches Menü erstellen, ähnlich wie die COMBox oder Listbox von WinForm.

1) Größe {int}: Setzen Sie die Größe der Drop -Down -Liste. Der Standardstil ist der Combox -Stil;

2) Multiple {boolean}: ob mehrere Optionen. Wenn Sie mehrere Auswahlmöglichkeiten auswählen, drücken Sie die Taste Strg+Links, um mehrere Optionen auszuführen.

3) Element Sub -item:

① <Optgroup> Tags: Definieren Sie die Kategorie des Auswahlelements, das nicht ausgewählt werden kann.

Label {String} Eigenschaften: Name der Kategorieanzeige

Titel {String} Eigenschaften: Die Maus wechselt zum Auswahlelement, die zu angezeigten Informationen werden angezeigt

② <option> Tag: Definieren Sie optionale Elemente

Vlau {String} Eigenschaften: Wählen Sie den spezifischen Namen des Elements aus

Titel {String} Eigenschaften: Die Maus wechselt zum Auswahlelement, die zu angezeigten Informationen werden angezeigt

Vorbildliches Beispiel

 <h3> STABE SELECT </H3> <SELECT ID = Provinz multiple = multiple size = 6> <optgroup label = Gemeinde> </optgroup> <Option Value = BJ <Option = Shanghai </opt </opt Ion>> <Optgroup label = provincial und städtische

Multi -Line -Textbereiche können die Größe von TextArea durch die Eigenschaften von Cols und Zeilen festlegen.

Zeilen {int}: Zeigt die Anzahl der angezeigten Zeilen an.

Cols {int}: Zeigt die Anzahl der angezeigten Spalten an.

Readonly {boolean}: ob nur lesen soll.

Es entspricht einem Textfeld für Displays.

Eigentum

Für {ElementID}: Zugeordneter Kontroll -ID;

 <table> <td> <label for = 'userername'> name: </label> </td> <Eingabe type = text id = 'userername'/> </td> </tr> <tr> <td> <laabel für = 'userPWD'> Kennwort: </label> </td> <td> <Eingabe type = kennwort id = 'userPWD'/> </td> </table "

Ähnlich wie bei der Groupbox -Steuerung in WinForm.

<Legend> </Legend>: Der Name des Kopfes ist.

 <h3> Fieldset -Tag </h3> <fieldset style = 'width: 130px'> <legend> Geschlecht </legend> <Eingabe typ = 'Sex' value = 'Mädchen' /> Frauen < /fieldset>

UL, OL, LI LISTE Label

UL: Unordentliche Liste (Sequenzliste)

OL: Bestellte Liste (Ordentliche Liste))

LI: Listenelement (Listenprojekt), basierend auf den beiden oben genannten Spalten von Cousin -Projekten.

Codebeispiel:

 <ul type = circle> <li> ul1 </li> <li> ul2 </li> <li> ul3 </li> </ul> <ol type = 1> <li> li1 </li> <li > li2 </li> <li> li3 </li> </ol>

Geben Sie {String}: Definiert den Symbolstil vor dem <li> -Tag.

UL: Typ hat: Circle Hollow, Disquare, quadratisches solides Quadrat, keine: Vorderseite ohne Symbole;

OL: Typ hat: 1: 1,2,3;