Przybornik, karta HTML

HTML kartę Przybornik zawiera składniki, które są przydatne w formularzach sieci Web i stron sieci Web.Aby wyświetlić tę kartę, należy najpierw otworzyć dokument do edycji w projektancie HTML.Na widoku menu, kliknij przycisk Przybornik, a następnie kliknij przycisk HTML kartę przybornika.

Aby utworzyć wystąpienie narzędzie na HTML karcie, albo kliknij dwukrotnie narzędzie, aby dodać go do dokumentu w bieżącym punkcie wstawiania lub wybierz narzędzie i przeciągnij go w wybrane miejsce na powierzchni edycji.

Zadania

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

Elementy interfejsu użytkownika

Następujące narzędzia są dostępne jako domyślne na karcie HTML.

• Wskaźnik
  

  Narzędzie to jest zaznaczone domyślnie, po otwarciu dowolnej zakładce przybornika.Nie można usunąć.Wskaźnik umożliwia przeciągnij obiekty na powierzchni widoku projektu, zmieniać ich rozmiar i położenie je na formularzu lub stronie.Aby uzyskać więcej informacji, zobacz How to: Manage the Toolbox Window i How to: Manipulate Toolbox Tabs.

• Dane wejściowe (przycisk)
  

  Wstawia input elementu type="button".Aby zmienić tekst, który jest wyświetlany, name właściwości.Domyślnie id="Button1" dodaje się do pierwszego przycisku, id="Button2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (przycisk) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputButton Server Control Declarative Syntax, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, HtmlInputButton, HtmlButton, and Button.

• Dane wejściowe (zresetować)
  

  Wstawia input elementu type="reset".Aby zmienić tekst, który jest wyświetlany, name właściwości.Domyślnie id="Reset1" dodaje się do pierwszego zresetować przycisk, id="Reset2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (zresetować) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputReset Server Control Declarative Syntax, HtmlInputButton, and Button.

• Dane wejściowe (Prześlij)
  

  Wstawia input elementu type="submit".Aby zmienić tekst, który jest wyświetlany, name właściwości.Domyślnie id="Submit1" dodaje się do pierwszego przycisku Prześlij, id="Submit2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (Prześlij) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputSubmit Server Control Declarative Syntax, HtmlInputButton, and Button.

• Dane wejściowe (tekst)
  

  Wstawia input elementu type="text" w dokumencie.Aby zmienić domyślny tekst, który jest wyświetlany, value atrybut.Domyślnie id="Text1" dodaje się do pierwszego pola tekstowego, id="Text2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (tekst) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputText Server Control Declarative Syntax, TextBox Web Server Control Overview, HtmlInputText, and TextBox.

  Uwaga dotycząca zabezpieczeń
  Zaleca się, aby sprawdzić poprawność wszystkich danych wejściowych użytkownika.Aby uzyskać więcej informacji, zobacz Validating User Input in ASP.NET Web Pages.

• Dane wejściowe (plik)
  

  Wstawia input elementu type="file" w dokumencie.Domyślnie id="File1" dodaje się do pierwszego pola pliku id="File2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (plik) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  Aby uzyskać więcej informacji, zobacz HTML Input Controls, HtmlInputFile Server Control Declarative Syntax, i HtmlInputFile.

  Uwaga dotycząca zabezpieczeń
  Zaleca się, aby sprawdzić poprawność wszystkich danych wejściowych użytkownika.Aby uzyskać więcej informacji, zobacz Validating User Input in ASP.NET Web Pages.

• Dane wejściowe (hasło)
  

  Wstawia input elementu type="password".Domyślnie id="Password1" dodaje się do pierwszego pola hasła, id="Password2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (hasło) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputPassword Server Control Declarative Syntax, How to: Set a TextBox Web Server Control for Password Entry, and Walkthrough: Validating User Input in a Web Forms Page.

  Uwaga dotycząca zabezpieczeń

  Jeśli aplikacja przesyła nazwy użytkownika i hasła, należy skonfigurować witryny sieci Web, aby użyć Secure Sockets Layer (SSL) do szyfrowania transmisji.Aby uzyskać więcej informacji, zobacz "Zabezpieczenia połączeń SSL" w IIS Operations Guide.Ponadto zaleca się, sprawdź poprawność wszystkich danych wejściowych użytkownika.Aby uzyskać więcej informacji, zobacz Validating User Input in ASP.NET Web Pages.

• Dane wejściowe (pole wyboru)
  

  Wstawia input elementu type="checkbox".Aby zmienić tekst, który jest wyświetlany, name właściwości.Domyślnie id="Checkbox1" dodaje się do pierwszego pola wyboru, id="Checkbox2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (pole wyboru) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputCheckBox Server Control Declarative Syntax, CheckBox and CheckBoxList Web Server Controls Overview, HtmlInputCheckBox, and CheckBox.

• Dane wejściowe (Radio)
  

  Wstawia input elementu type="radio".Aby zmienić tekst, który jest wyświetlany, name właściwości.Domyślnie id="Radio1" dodaje się do pierwszego przycisku radiowego, id="Radio2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (Radio) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HTML Input Controls, HtmlInputRadioButton Server Control Declarative Syntax, RadioButton and RadioButtonList Web Server Controls Overview, HtmlInputRadioButton, and RadioButton.

• Dane wejściowe (ukryty)
  

  Wstawia input elementu type="hidden".Domyślnie id="Hidden1" dodaje się do pierwszego pola ukrytego, id="Hidden2" dla drugiego i tak dalej.

  Podczas przeciągania dane wejściowe (ukryty) na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  Aby uzyskać więcej informacji, zobacz HTML Input Controls, HtmlInputHidden Server Control Declarative Syntax, i HtmlInputHidden.

• TextArea
  

  Wstawia textarea element.Zmień rozmiar obszaru tekstu lub wyświetlić tekst, który rozciąga się poza jego obszar wyświetlania za pomocą jego pasków przewijania.Aby zmienić domyślny tekst, który jest wyświetlany, value atrybut.Domyślnie id="textarea1" jest wstawiane do pierwszego obszaru tekstowego, id=" textarea 2" dla drugiego i tak dalej.

  Podczas przeciągania Textarea na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  Aby uzyskać więcej informacji, zobacz HtmlTextArea Server Control Declarative Syntax, HtmlTextArea, i TextBox.

  Uwaga dotycząca zabezpieczeń
  Zaleca się, aby sprawdzić poprawność wszystkich danych wejściowych użytkownika.Aby uzyskać więcej informacji, zobacz Validating User Input in ASP.NET Web Pages.

• Tabela
  

  Wstawia table element.

  Podczas przeciągania tabeli na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  For more information, see HtmlTable Server Control Declarative Syntax, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable, and Table.

• Obraz
  

  Wstawia img element.Edytować ten element, aby określić jej src i jego alt tekstu.

  Podczas przeciągania obrazu na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

  <img alt="" src="">
  

  For more information, see HtmlImage Server Control Declarative Syntax, Image Web Server Control Overview, HtmlImage, HtmlInputImage, and Image.

• Wybierz
  

  Wstawia rozwijane select elementu (bez size atrybut).Domyślnie id="select1" dodaje się do pierwszego pola listy, id="select2" dla drugiego i tak dalej.

  Podczas przeciągania Zaznacz na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  Można utworzyć odpowiednim select element, zwiększając wartość właściwości size.

  For more information, see HtmlSelect Server Control Declarative Syntax, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, HtmlSelect, and DropDownList.

• Linia pozioma
  

  Wstawia hr element.Aby zwiększyć grubość linii, należy edytować size atrybut.

  Podczas przeciągania Poziomą na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  Aby uzyskać więcej informacji, zobacz HTML Horizontal Rule Control.

• DIV
  

  Wstawia div element, który zawiera ms_positioning="FlowLayout" atrybut.Z wyjątkiem dla szerokości i wysokości ten element jest taka sama, jak Panel układ przepływu.Aby sformatować tekst, który jest zawarty w div element, dodać class="stylename" atrybutu do znacznika otwierającego.

  Podczas przeciągania Div na powierzchni widoku projektu do dokumentu wstawiany jest znaczników HTML jak poniżej:

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

  Aby uzyskać więcej informacji, zobacz HTML Div Control, Label Web Server Control Overview, i Label.

Zobacz też

Informacje

Przybornik

Kartę standardowe, przybornik

Inne zasoby

HTML Controls for ASP.NET Web Pages