Toolbox, HTML-Registerkarte

Die HTML-Registerkarte der Toolbox stellt Komponenten bereit, die auf Webseiten und Webformularen nützlich sind. Um diese Registerkarte anzuzeigen, öffnen Sie zuerst ein Dokument zum Bearbeiten im HTML-Designer. Klicken Sie im Menü "Ansicht" auf " Toolbox" und dann auf die REGISTERKARTE "HTML " der Toolbox.

Um eine Instanz eines Tools auf der HTML-Registerkarte zu erstellen, doppelklicken Sie entweder auf das Tool, um es dem Dokument an der aktuellen Einfügemarke hinzuzufügen, oder wählen Sie das Tool aus, und ziehen Sie es an die gewünschte Position auf der Bearbeitungsoberfläche.

UI-Elemente

Die folgenden Tools sind standardmäßig auf der HTML-Registerkarte verfügbar.

Zeiger

Dieses Tool ist standardmäßig aktiviert, wenn eine Toolbox-Registerkarte geöffnet wird. Sie kann nicht gelöscht werden. Mit dem Mauszeiger können Sie Objekte auf die Entwurfsansichtsoberfläche ziehen, deren Größe ändern und sie auf der Seite oder dem Formular neu positionieren. Weitere Informationen finden Sie unter Toolbox-.

Eingabe (Schaltfläche)

Fügt ein input Element von type="button". Um den angezeigten Text zu ändern, bearbeiten Sie die name Eigenschaft. Standardmäßig id="Button1" wird für die erste Schaltfläche, id="Button2" für die zweite usw. eingefügt.

Wenn Sie Die Eingabe (Schaltfläche) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Button1" type="button" value="Button" name="Button1">

Eingabe (Zurücksetzen)

Fügt ein input Element von type="reset". Um den angezeigten Text zu ändern, bearbeiten Sie die name Eigenschaft. id="Reset1" Standardmäßig wird für die erste Zurücksetzungsschaltfläche, id="Reset2" für die zweite usw. eingefügt.

Wenn Sie eingaben (Zurücksetzen) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Reset1" type="reset" value="Reset" name="Reset1">

Eingabe (Absenden)

Fügt ein input Element von type="submit". Um den angezeigten Text zu ändern, bearbeiten Sie die name Eigenschaft. id="Submit1" Standardmäßig wird für die erste Übermittlungsschaltfläche, id="Submit2" für die zweite usw. eingefügt.

Wenn Sie Die Eingabe (Submit) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Submit1" type="submit" value="Submit" name="Submit1">

Eingabe (Text)

Fügt ein input Element in type="text" Ihr Dokument ein. Um den angezeigten Standardtext zu ändern, bearbeiten Sie das value Attribut. Standardmäßig id="Text1" wird für das erste Textfeld, id="Text2" für die zweite usw. eingefügt.

Wenn Sie Eingabe (Text) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Text1" TYPE="text" value="Text Field" name="Text1">

Von Bedeutung

Es wird empfohlen, alle Benutzereingaben zu überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET Webseiten (Razor)-Websites.

Eingabe (Datei)

Fügt ein input Element in type="file" Ihr Dokument ein. Standardmäßig id="File1" wird für das erste Dateifeld, id="File2" für die zweite usw. eingefügt.

Wenn Sie Die Eingabe (Datei) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="File1" type="file" name="File1">

Von Bedeutung

Es wird empfohlen, alle Benutzereingaben zu überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET Webseiten (Razor)-Websites.

Eingabe (Kennwort)

Fügt ein input Element von type="password". Standardmäßig id="Password1" wird für das erste Kennwortfeld, id="Password2" für die zweite usw. eingefügt.

Wenn Sie Eingabe (Kennwort) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Password1" type="password" name="Password1">

Von Bedeutung

Wenn Ihre Anwendung Benutzernamen und Kennwörter überträgt, sollten Sie Ihre Website so konfigurieren, dass secure Sockets Layer (SSL) zum Verschlüsseln der Übertragung verwendet wird. Weitere Informationen finden Sie unter Sichern von Verbindungen. Darüber hinaus wird empfohlen, alle Benutzereingaben zu überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET Webseiten (Razor)-Websites.

Eingabe (Kontrollkästchen)

Fügt ein input Element von type="checkbox". Um den angezeigten Text zu ändern, bearbeiten Sie die name Eigenschaft. Standardmäßig id="Checkbox1" wird für das erste Kontrollkästchen, id="Checkbox2" für die zweite usw. eingefügt.

Wenn Sie die Eingabe (Kontrollkästchen) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Checkbox1" type="checkbox" name="Checkbox1">

Eingabe (Funk)

Fügt ein input Element von type="radio". Um den angezeigten Text zu ändern, bearbeiten Sie die name Eigenschaft. id="Radio1" Standardmäßig wird für das erste Optionsfeld, id="Radio2" für die zweite usw. eingefügt.

Wenn Sie Eingabe (Radio) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Radio1" type="radio" name="Radio1">

Eingabe (ausgeblendet)

Fügt ein input Element von type="hidden". id="Hidden1" Standardmäßig wird für das erste ausgeblendete Feld, id="Hidden2" für die zweite usw. eingefügt.

Wenn Sie eingaben (ausgeblendet) auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<input id="Hidden1" type="hidden" name="Hidden1">

Textbereich

Fügt ein Element ein textarea . Sie können die Größe des Textbereichs ändern oder dessen Bildlaufleisten verwenden, um Text anzuzeigen, der sich über den Anzeigebereich erstreckt. Um den angezeigten Standardtext zu ändern, bearbeiten Sie das value Attribut. Standardmäßig id="textarea1" wird der erste Textbereich, id=" textarea 2" für die zweite usw. eingefügt.

Wenn Sie Textarea auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea>

Von Bedeutung

Es wird empfohlen, alle Benutzereingaben zu überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET Webseiten (Razor)-Websites.

Tabelle

Fügt ein Element ein table .

Wenn Sie "Tabelle " auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table>

Bild

Fügt ein Element ein img . Bearbeiten Sie dieses Element, um den zugehörigen srcalt Text anzugeben.

Wenn Sie das Bild auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<img alt="" src="">

auswählen

Fügt ein Dropdownelement select (ohne Attribut) ein size . Standardmäßig id="select1" wird für das erste Listenfeld, id="select2" für die zweite usw. eingefügt.

Wenn Sie " Auswählen" auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<select id="select1" name="select1"><option selected></option></select>

Sie können ein mehrzeiliges select Element erstellen, indem Sie den Wert der Größeneigenschaft erhöhen.

Horizontale Regel

Fügt ein Element ein hr . Um die Stärke der Linie zu erhöhen, bearbeiten Sie das size Attribut.

Wenn Sie horizontale Regel auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<hr width="100%" size=1>

Div

Fügt ein div Element ein, das ein ms_positioning="FlowLayout" Attribut enthält. Mit Ausnahme der Breite und Höhe ist dieses Element mit einem Flusslayoutpanel identisch. Um den Text zu formatieren, der div im Element enthalten ist, fügen Sie dem öffnenden Tag ein class="stylename" Attribut hinzu.

Wenn Sie "Div" auf die Entwurfsansichtsoberfläche ziehen, wird HTML-Markup wie folgt in Ihr Dokument eingefügt:

<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>

Siehe auch

• Werkzeugkasten