“工具箱”->“HTML”选项卡
06/21/2017
本文内容
“工具箱”的“HTML”选项卡提供可用于网页和 Web 窗体的组件。 若要查看此选项卡，首先在 HTML 设计器中打开要编辑的文档。 在“视图”菜单上，单击“工具箱”，然后单击“工具箱”的“HTML”选项卡。
若要在“HTML”选项卡上创建工具的实例，可以双击此工具将其添加到文档中的当前插入点，或选择该工具并将其拖动到编辑图面上所需的位置。
UI 元素
默认情况下，“HTML”选项卡提供下列工具。
指针
打开任一工具箱选项卡时，此工具默认处于选中状态。 无法删除此工具。 使用指针可将对象拖动到“设计”视图图面上、调整其大小，并在页面或窗体中对其重新定位。 有关详细信息，请参阅工具箱。
Input (Button)
插入 type="button" 的一个 input 元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下，对于第一个按钮，插入 id="Button1"，对于第二个按钮，插入 id="Button2"，以此类推。
将“Input (Button)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (Reset)
插入 type="reset" 的一个 input 元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下，对于第一个重置按钮，插入 id="Reset1"，对于第二个重置按钮，插入 id="Reset2"，以此类推。
将“Input (Reset)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (Submit)
插入 type="submit" 的一个 input 元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下，对于第一个提交按钮，插入 id="Submit1"，对于第二个提交按钮，插入 id="Submit2"，以此类推。
将“Input (Submit)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (Text)
在文档中插入 type="text" 的一个 input 元素。 若要更改显示的默认文本，请编辑 value 特性。 默认情况下，对于第一个文本字段，插入 id="Text1"，对于第二个文本字段，插入 id="Text2"，以此类推。
将“Input (Text)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (File)
在文档中插入 type="file" 的一个 input 元素。 默认情况下，对于第一个文件字段，插入 id="File1"，对于第二个文件字段，插入 id="File2"，以此类推。
将“Input (File)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (Password)
插入 type="password" 的一个 input 元素。 默认情况下，对于第一个密码字段，插入 id="Password1"，对于第二个密码字段，插入 id="Password2"，以此类推。
将“Input (Password)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
重要
如果应用程序传输用户名和密码，则应配置网站使用安全套接字层 (SSL) 对传输进行加密。 有关详细信息，请参阅保护连接。 此外，建议对所有用户输入进行验证。 有关详细信息，请参阅在 ASP.NET 网页 (Razor) 站点中验证用户输入。
Input (Check box)
插入 type="checkbox" 的一个 input 元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下，对于第一个复选框，插入 id="Checkbox1"，对于第二个复选框，插入 id="Checkbox2"，以此类推。
将“Input (Check box)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (Radio)
插入 type="radio" 的一个 input 元素。 若要更改显示的文本，请编辑 name 属性。 默认情况下，对于第一个单选按钮，插入 id="Radio1"，对于第二个单选按钮，插入 id="Radio2"，以此类推。
将“Input (Radio)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Input (Hidden)
插入 type="hidden" 的一个 input 元素。 默认情况下，对于第一个隐藏字段，插入 id="Hidden1"，对于第二个隐藏字段，插入 id="Hidden2"，以此类推。
将“Input (Hidden)”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Textarea
插入一个 textarea 元素。 可以调整文本区域的大小，或使用其滚动条查看延伸到显示区域外的文本。 若要更改显示的默认文本，请编辑 value 特性。 默认情况下，对于第一个文本区域，插入 id="textarea1"，对于第二个文本区域，插入 id=" textarea 2"，以此类推。
将“Textarea”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
表
插入一个 table 元素。
将“Table”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
图像
插入一个 img 元素。 编辑此元素可指定其 src 和 alt 文本。
将“Image”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Select
插入一个下拉 select 元素(不含 size 特性)。 默认情况下，对于第一个列表框，插入 id="select1"，对于第二个列表框，插入 id="select2"，以此类推。
将“Select”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
通过增加 size 属性的值可以创建多行 select 元素。
Horizontal Rule
插入一个 hr 元素。 若要增大线条的粗细，请编辑 size 特性。
将“Horizontal Rule”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
Div
插入一个 div 元素，该元素包括一个 ms_positioning="FlowLayout" 特性。 除宽度和高度之外，该项与“流布局面板”相同。 若要设置 div 元素中所含文本的格式，请在开始标记中添加 class="stylename" 特性。
将“Div”拖动到“设计”视图图面上时，会在文档中插入类似如下的 HTML 标记：
另请参阅
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
