“工具箱”->“HTML”选项卡

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

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

任务

• 如何：管理“工具箱”窗口

• 如何：操作工具箱选项卡

用户界面元素

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

• 指针
  

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

• Input (Button)
  

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

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

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

  有关更多信息，请参见 HTML 输入控件、HtmlInputButton 服务器控件声明性语法、如何：创建脚本和编辑事件处理程序、Button Web 服务器控件内容映射、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 输入控件、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 输入控件、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 输入控件、HtmlInputText 服务器控件声明语法、TextBox Web 服务器控件概述、HtmlInputText和TextBox。

  安全说明
  建议您对所有用户输入进行验证。 有关更多信息，请参见 在 ASP.NET 网页中验证用户输入。

• Input (File)
  

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

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

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

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

  安全说明
  建议您对所有用户输入进行验证。 有关更多信息，请参见 在 ASP.NET 网页中验证用户输入。

• Input (Password)
  

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

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

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

  有关更多信息，请参见HTML 输入控件、HtmlInputPassword 服务器控件声明性语法、如何：设置 TextBox Web 服务器控件以输入密码和演练：验证 Web 窗体页中的用户输入。

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

• Input (Check box)
  

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

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

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

  有关更多信息，请参见HTML 输入控件、HtmlInputCheckBox 服务器控件声明性语法、CheckBox 和 CheckBoxList Web 服务器控件概述、HtmlInputCheckBox和CheckBox。

• Input (Radio)
  

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

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

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

  有关更多信息，请参见HTML 输入控件、HtmlInputRadioButton 服务器控件声明性语法、RadioButton 和 RadioButtonList Web 服务器控件概述、HtmlInputRadioButton和RadioButton。

• Input (Hidden)
  

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

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

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

  有关更多信息，请参见 HTML 输入控件、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。

  安全说明
  建议您对所有用户输入进行验证。 有关更多信息，请参见 在 ASP.NET 网页中验证用户输入。

• 表
  

  插入一个 table 元素。

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

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

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

• Image
  

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

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

  <img alt="" src="">
  

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

• Select
  

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

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

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

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

  有关更多信息，请参见 HtmlSelect 服务器控件声明性语法、如何：创建脚本和编辑事件处理程序、DropDownList Web 服务器控件概述、ListBox Web 服务器控件概述、HtmlSelect 和 DropDownList。

• Horizontal Rule
  

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

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

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

  有关更多信息，请参见 HTML 水平线规则控件。

• 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 控件、Label Web 服务器控件概述和Label。

请参见

参考

工具箱

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

其他资源

ASP.NET 网页的 HTML 控件