Toolbox, Registerkarte "HTML"

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

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

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 How to: Manage the Toolbox Window und How to: Manipulate Toolbox Tabs.

• 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 HTML Input Controls, Deklarative Syntax des HtmlInputButton-Serversteuerelements, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, 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 HTML Input Controls, Deklarative Syntax des HtmlInputReset-Serversteuerelements, HtmlInputButton und 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 HTML Input Controls, Deklarative Syntax des HtmlInputSubmit-Serversteuerelements, HtmlInputButton und 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 HTML Input Controls, Deklarative Syntax des HtmlInputText-Serversteuerelements, TextBox Web Server Control Overview, HtmlInputText und TextBox.

  Sicherheitshinweis
  Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen.Weitere Informationen finden Sie unter Validating User Input in ASP.NET Web Pages.

• 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 HTML Input Controls, Deklarative Syntax des HtmlInputFile-Serversteuerelements und HtmlInputFile.

  Sicherheitshinweis
  Es wird empfohlen, dass Sie alle Benutzereingaben überprüfen.Weitere Informationen finden Sie unter Validating User Input in ASP.NET Web Pages.

• Input (Password)
  

  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 HTML Input Controls, Deklarative Syntax des HtmlInputPassword-Serversteuerelements, How to: Set a TextBox Web Server Control for Password Entry und Walkthrough: Validating User Input in a Web Forms Page.

  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 Validating User Input in ASP.NET Web Pages.

• 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 HTML Input Controls, Deklarative Syntax des HtmlInputCheckBox-Serversteuerelements, CheckBox and CheckBoxList Web Server Controls Overview, 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 HTML Input Controls, Deklarative Syntax des HtmlInputRadioButton-Serversteuerelements, RadioButton and RadioButtonList Web Server Controls Overview, 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 HTML Input Controls, 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 Validating User Input in ASP.NET Web Pages.

• 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, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable und Table.

• Bild
  

  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, Image Web Server Control Overview, HtmlImage, HtmlInputImage und Image.

• Select
  

  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, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, 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 HTML Horizontal Rule Control.

• 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 HTML Div Control, Label Web Server Control Overview und Label.

Siehe auch

Referenz

Toolbox

Registerkarte "Standard", Toolbox

Weitere Ressourcen

HTML Controls for ASP.NET Web Pages