Registerkarte "HTML", Toolbox

Artikel
08/10/2011

Die Registerkarte HTML der Toolbox enthält Komponenten, die auf Webseiten und Web Forms verwendet werden können. Öffnen Sie zum Anzeigen dieser Registerkarte zuerst im HTML-Designer ein Dokument für die Bearbeitung. Klicken Sie im Menü Ansicht auf Toolbox und anschließend auf die Registerkarte HTML der Toolbox.

Doppelklicken Sie zum Erstellen einer Instanz eines Tools auf der Registerkarte HTML entweder auf das Tool, um es an der aktuellen Einfügemarke im Dokument einzufügen, oder wählen Sie das Tool aus, und ziehen Sie es in der Bearbeitungsoberfläche an die gewünschte Position.

Aufgaben

Benutzeroberflächenelemente

In der Standardeinstellung stehen auf der Registerkarte HTML die folgenden Tools zur Verfügung.

Zeiger

Dieses Tool ist standardmäßig bei jedem Öffnen einer Toolbox-Registerkarte ausgewählt. Es kann nicht gelöscht werden. Mithilfe des Zeigers können Sie Objekte auf die Oberfläche in der Entwurfsansicht ziehen, die Größe der Objekte ändern und sie auf der Seite oder dem Formular neu anordnen. Weitere Informationen finden Sie unter Gewusst wie: Verwenden des Fensters "Toolbox" und Gewusst wie: Ändern von Registerkarten der Toolbox.
Input (Button)

Fügt ein input-Element vom Typ type="button" ein. Bearbeiten Sie zum Ändern des angezeigten Texts die name-Eigenschaft. In der Standardeinstellung wird id="Button1" für das erste button-Element eingefügt, id="Button2" für das zweite usw.

Wenn Sie Input (Button) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Button1" type="button" value="Button" name="Button1">
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputButton-Serversteuerelements, Gewusst wie: Erstellen von Skripts und Bearbeiten von Ereignishandlern, Einstieg in die Schaltflächen-Steuerelemente für Webserver, HtmlInputButton, HtmlButton und Button.
Input (Reset)

Fügt ein input-Element vom Typ type="reset" ein. Bearbeiten Sie zum Ändern des angezeigten Texts die name-Eigenschaft. In der Standardeinstellung wird id="Reset1" für die erste Schaltfläche zum Zurücksetzen eingefügt, id="Reset2" für die zweite usw.

Wenn Sie Input (Reset) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Reset1" type="reset" value="Reset" name="Reset1">
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputReset-Serversteuerelements, HtmlInputButton und unter Button.
Input (Submit)

Fügt ein input-Element vom Typ type="submit" ein. Bearbeiten Sie zum Ändern des angezeigten Texts die name-Eigenschaft. In der Standardeinstellung wird id="Submit1" für das erste submit button-Element eingefügt, id="Submit2" für das zweite usw.

Wenn Sie Input (Submit) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Submit1" type="submit" value="Submit" name="Submit1">
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputSubmit-Serversteuerelements, HtmlInputButton und unter Button.
Input (Text)

Fügt ein input-Element vom Typ type="text" in das Dokument ein. Bearbeiten Sie zum Ändern des angezeigten Standardtexts das value-Attribut. In der Standardeinstellung wird id="Text1" für das erste text field-Element eingefügt, id="Text2" für das zweite usw.

Wenn Sie Input (Text) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Text1" TYPE="text" value="Text Field" name="Text1">
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputText-Serversteuerelements, Übersicht über das TextBox-Webserversteuerelement, HtmlInputText und TextBox.

Sicherheitshinweis

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

Fügt ein input-Element vom Typ type="file" in das Dokument ein. In der Standardeinstellung wird id="File1" für das erste file field-Element eingefügt, id="File2" für das zweite usw.

Wenn Sie Input (File) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="File1" type="file" name="File1">
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputFile-Serversteuerelements und HtmlInputFile.

Sicherheitshinweis

Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.

Sicherheitshinweis
Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.

Sicherheitshinweis
Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.

Input (Password)
Visual Studio, Password Field

Fügt ein input-Element vom Typ type="password" ein. In der Standardeinstellung wird id="Password1" für das erste password field-Element eingefügt, id="Password2" für das zweite usw.

Wenn Sie Input (Password) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:

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

Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputPassword-Serversteuerelements, Gewusst wie: Einrichten eines TextBox-Webserversteuerelements für die Kennworteingabe und unter Exemplarische Vorgehensweise: Validieren der Benutzereingabe in einer Web Forms-Seite.

Sicherheitshinweis
Wenn über die Anwendung Benutzernamen und Kennwörter übertragen werden, sollten Sie die Website so konfigurieren, dass die übertragenen Daten mit Secure Sockets Layer (SSL) verschlüsselt werden. Weitere Informationen finden Sie unter "Securing Connections with SSL" im IIS Operations Guide. Darüber hinaus wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.

Wenn über die Anwendung Benutzernamen und Kennwörter übertragen werden, sollten Sie die Website so konfigurieren, dass die übertragenen Daten mit Secure Sockets Layer (SSL) verschlüsselt werden. Weitere Informationen finden Sie unter "Securing Connections with SSL" im IIS Operations Guide. Darüber hinaus wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.

Input (Check box)

Fügt ein input-Element vom Typ type="checkbox" ein. Bearbeiten Sie zum Ändern des angezeigten Texts die name-Eigenschaft. In der Standardeinstellung wird id="Checkbox1" für das erste check box-Element eingefügt, id="Checkbox2" für das zweite usw.

Wenn Sie Input (Check box) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Checkbox1" type="checkbox" name="Checkbox1"> 
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputCheckBox-Serversteuerelements, Übersicht über die CheckBox-Webserversteuerelemente und CheckBoxList-Webserversteuerelemente, HtmlInputCheckBox und CheckBox.
Input (Radio)

Fügt ein input-Element vom Typ type="radio" ein. Bearbeiten Sie zum Ändern des angezeigten Texts die name-Eigenschaft. In der Standardeinstellung wird id="Radio1" für das erste radio button-Element eingefügt, id="Radio2" für das zweite usw.

Wenn Sie Input (Radio) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Radio1" type="radio" name="Radio1">
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputRadioButton-Serversteuerelements, Übersicht über die RadioButton- und RadioButtonList-Webserversteuerelemente, HtmlInputRadioButton und RadioButton.
Input (Hidden)

Fügt ein input-Element vom Typ type="hidden" ein. In der Standardeinstellung wird id="Hidden1" für das erste hidden field-Element eingefügt, id="Hidden2" für das zweite usw.

Wenn Sie Input (Hidden) auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<input id="Hidden1" type="hidden" name="Hidden1"> 
```
Weitere Informationen finden Sie unter Input-Steuerelemente (HTML), Deklarative Syntax des HtmlInputHidden-Serversteuerelements und HtmlInputHidden.
Textarea

Fügt ein textarea-Element ein. Sie können die Größe des Textbereichs ändern oder mithilfe der entsprechenden Schiebeleisten den Text außerhalb des Anzeigebereichs anzeigen. Bearbeiten Sie zum Ändern des angezeigten Standardtexts das value-Attribut. In der Standardeinstellung wird id="textarea1" für das erste text area-Element eingefügt, id=" textarea 2" für das zweite usw.

Wenn Sie Textarea auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea> 
```
Weitere Informationen finden Sie unter Deklarative Syntax des HtmlTextArea-Serversteuerelements, HtmlTextArea und TextBox.

Sicherheitshinweis

Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.
Tabelle

Fügt ein table-Element ein.

Wenn Sie Table auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
```
Weitere Informationen finden Sie unter Deklarative Syntax des HtmlTable-Serversteuerelements, Übersicht über die Table-, TableRow- und TableCell-Webserversteuerelemente, HtmlTable und unter Table.
Image

Fügt ein img-Element ein. Bearbeiten Sie dieses Element, um seinen src- und alt-Text anzugeben.

Wenn Sie Image auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<img alt="" src="">
```
Weitere Informationen finden Sie unter Deklarative Syntax des HtmlImage-Serversteuerelements, Übersicht über das Image-Webserversteuerelement, HtmlImage, HtmlInputImage und Image.
Auswählen

Fügt ein Dropdown-select-Element ein (ohne size-Attribut). In der Standardeinstellung wird id="select1" für das erste list box-Element eingefügt, id="select2" für das zweite usw.

Wenn Sie Select auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das 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.

Weitere Informationen finden Sie unter Deklarative Syntax des HtmlSelect-Serversteuerelements, Gewusst wie: Erstellen von Skripts und Bearbeiten von Ereignishandlern, Übersicht über das DropDownList-Webserversteuerelement, Übersicht über das ListBox-Webserversteuerelement, HtmlSelect und DropDownList.
Horizontal Rule

Fügt ein hr-Element ein. Bearbeiten Sie zum Vergrößern der Linienstärke das size-Attribut.

Wenn Sie Horizontal Rule auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<hr width="100%" size=1> 
```
Weitere Informationen finden Sie unter Horizontal Rule-Steuerelement (HTML).
Div

Fügt ein div-Element ein, das ein ms_positioning="FlowLayout"-Attribut umfasst. Mit Ausnahme von width und height ist dieses Element mit einem Flow Layout Panel identisch. Fügen Sie zum Formatieren des im div-Element enthaltenen Texts dem Starttag ein class="stylename"-Attribut hinzu.

Wenn Sie Div auf die Bearbeitungsfläche der Entwurfsansicht ziehen, wird HTML-Markup ähnlich dem folgenden in das Dokument eingefügt:
```
<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>
```
Weitere Informationen finden Sie unter Div-Steuerelement (HTML), Übersicht über das Label-Webserversteuerelement und Label.

Sicherheitshinweis
Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen. Weitere Informationen finden Sie unter Überprüfen der Benutzereingabe in ASP.NET-Webseiten.