工具箱，“HTML”选项卡

“工具箱”的**“HTML”选项卡提供可用于 Web 页和 Web 窗体的组件。 若要查看此选项卡，首先在“HTML”设计器中打开要编辑的文档。 在“视图”菜单上，单击“工具箱”，然后单击“工具箱”的“HTML”**选项卡。

若要创建**“HTML”**选项卡的一个工具的实例，可以双击此工具将其添加到文档中的当前插入点，或选择该工具并将其拖动到编辑图面上所需的位置。

任务

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

UI 元素

默认情况下，“HTML”选项卡上提供下列工具。

• 指针
  

  在打开任意一个“工具箱”选项卡时，此工具都是默认选中的。 无法删除此工具。 指针使您能够将对象拖放到设计视图图面上，调整其大小，并在页或窗体中重新定位它们的位置。 有关更多信息，请参见How to: Manage the Toolbox Window和 How to: Manipulate Toolbox Tabs。

• Input (Button)
  

  插入 type="button" 的一个 input 元素。 若要更改所显示的文本，请编辑 name 属性。 默认情况下，对于第一个按钮，插入 id="Button1"，对于第二个按钮，插入 id="Button2"，以此类推。

  在将**“Input (Button)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见 HTML Input Controls、HtmlInputButton 服务器控件声明性语法、How to: Create Scripts and Edit Event Handlers、Button Web Server Controls Overview、HtmlInputButton、HtmlButton 和 Button。

• Input (Reset)
  

  插入 type="reset" 的一个 input 元素。 若要更改所显示的文本，请编辑 name 属性。 默认情况下，对于第一个重置按钮，插入 id="Reset1"，对于第二个重置按钮，插入 id="Reset2"，以此类推。

  在将**“Input (Reset)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputReset 服务器控件声明性语法、HtmlInputButton和Button。

• Input (Submit)
  

  插入 type="submit" 的一个 input 元素。 若要更改所显示的文本，请编辑 name 属性。 默认情况下，对于第一个提交按钮，插入 id="Submit1"，对于第二个提交按钮，插入 id="Submit2"，以此类推。

  在将**“Input (Submit)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputSubmit 服务器控件声明性语法、HtmlInputButton和Button。

• Input (Text)
  

  在文档中插入 type="text" 的一个 input 元素。 若要更改所显示的默认文本，请编辑 value 特性。 默认情况下，对于第一个文本字段，插入 id="Text1"，对于第二个文本字段，插入 id="Text2"，以此类推。

  在将**“Input (Text)”**拖动到设计视图图面时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputText 服务器控件声明语法、TextBox Web Server Control Overview、HtmlInputText和TextBox。

  安全说明
  建议您对所有用户输入进行验证。有关更多信息，请参见 Validating User Input in ASP.NET Web Pages。

• Input (File)
  

  在文档中插入 type="file" 的一个 input 元素。 默认情况下，对于第一个文件字段，插入 id="File1"，对于第二个文件字段，插入 id="File2"，以此类推。

  在将**“Input (File)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputFile 服务器控件声明性语法和HtmlInputFile。

  安全说明
  建议您对所有用户输入进行验证。有关更多信息，请参见 Validating User Input in ASP.NET Web Pages。

• Input (Password)
  

  插入 type="password" 的一个 input 元素。 默认情况下，对于第一个密码字段，插入 id="Password1"，对于第二个密码字段，插入 id="Password2"，以此类推。

  在将**“Input (Password)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputPassword 服务器控件声明性语法、How to: Set a TextBox Web Server Control for Password Entry和Walkthrough: Validating User Input in a Web Forms Page。

  安全说明
  如果您的应用程序传输用户名和密码，您应当配置网站以使用安全套接字层 (SSL) 对传输进行加密。有关更多信息，请参见“IIS Operations Guide”（IIS 操作指南）中的主题“Securing Connections with SSL”（确保与 SSL 的连接安全）。另外，建议您对所有用户输入进行验证。有关更多信息，请参见 Validating User Input in ASP.NET Web Pages。

• Input (Check box)
  

  插入 type="checkbox" 的一个 input 元素。 若要更改所显示的文本，请编辑 name 属性。 默认情况下，对于第一个复选框，插入 id="Checkbox1"，对于第二个复选框，插入 id="Checkbox2"，以此类推。

  在将**“Input (Check box)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputCheckBox 服务器控件声明性语法、CheckBox and CheckBoxList Web Server Controls Overview、HtmlInputCheckBox和CheckBox。

• Input (Radio)
  

  插入 type="radio" 的一个 input 元素。 若要更改所显示的文本，请编辑 name 属性。 默认情况下，对于第一个单选按钮，插入 id="Radio1"，对于第二个单选按钮，插入 id="Radio2"，以此类推。

  在将**“Input (Radio)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputRadioButton 服务器控件声明性语法、RadioButton and RadioButtonList Web Server Controls Overview、HtmlInputRadioButton和RadioButton。

• Input (Hidden)
  

  插入 type="hidden" 的一个 input 元素。 默认情况下，对于第一个隐藏字段，插入 id="Hidden1"，对于第二个隐藏字段，插入 id="Hidden2"，以此类推。

  在将**“Input (Hidden)”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Input Controls、HtmlInputHidden 服务器控件声明语法和HtmlInputHidden。

• Textarea
  

  插入一个 textarea 元素。 可以调整文本区域的大小，或使用其滚动条查看延伸到显示区域外的文本。 若要更改所显示的默认文本，请编辑 value 特性。 默认情况下，对于第一个文本区域，插入 id="textarea1"，对于第二个文本区域，插入 id=" textarea 2"，以此类推。

  在将**“Textarea”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HtmlTextArea 服务器控件声明性语法、HtmlTextArea和TextBox。

  安全说明
  建议您对所有用户输入进行验证。有关更多信息，请参见 Validating User Input in ASP.NET Web Pages。

• 表
  

  插入一个 table 元素。

  在将**“Table”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HtmlTable 服务器控件声明性语法、Table, TableRow, and TableCell Web Server Control Overview、HtmlTable和Table。

• Image
  

  插入一个 img 元素。 编辑此元素可指定它的 src 和 alt 文本。

  在将**“Image”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

  <img alt="" src="">
  

  有关更多信息，请参见HtmlImage 服务器控件声明性语法、Image Web Server Control Overview、HtmlImage、HtmlInputImage和Image。

• Select
  

  插入一个下拉 select 元素（没有 size 特性）。 默认情况下，对于第一个列表框，插入 id="select1"，对于第二个列表框，插入 id="select2"，以此类推。

  在将**“Select”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  可以通过增加 size 属性的值来创建占据多行的 select 元素。

  有关更多信息，请参见 HtmlSelect 服务器控件声明性语法、How to: Create Scripts and Edit Event Handlers、DropDownList Web Server Control Overview、ListBox Web Server Control Overview、HtmlSelect 和 DropDownList。

• Horizontal Rule
  

  插入一个 hr 元素。 若要增大线条的粗细，请编辑 size 特性。

  在将**“Horizontal Rule”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见 HTML Horizontal Rule Control。

• Div
  

  插入一个 div 元素，该元素包括一个 ms_positioning="FlowLayout" 特性。 除 width 和 height 之外，该项与“流布局面板”相同。 若要设置 div 元素中包含的文本的格式，请在开始标记中添加 class="stylename" 特性。

  在将**“Div”**拖动到设计视图图面上时，将会在文档中插入如下类似的 HTML 标记：

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

  有关更多信息，请参见HTML Div Control、Label Web Server Control Overview和Label。

请参见

参考

工具箱

工具箱 ->“标准”选项卡

其他资源

HTML Controls for ASP.NET Web Pages