在线创建 HTML <button> 元素

HTML Button 生成器创建包含明确 Type、可见文本、可选 form-control Name 和可选 Disabled 状态的 <button> 元素。更改设置并检查预览、HTML 输出和 C# 输出,然后复制结果。



使用 C# 创建 HTML <button> 元素

上方 HTML Code 面板包含已配置的 <button> markup。下方 C# Code 面板使用 Aspose.HTML for .NET 创建相同元素。

生成的代码执行以下步骤:

  1. 创建 HTMLDocument ,并使用 Document.CreateElement() 创建 HTMLButtonElement 。
  2. 根据所选选项设置 Type、可选 Name、Disabled 状态和可见 TextContent。
  3. 使用 Node.AppendChild() 将 button 添加到文档 body。
  4. 使用 HTMLDocument.Save() 将完整文档保存为 button.html。

先配置 button,然后将更新后的 C# 代码复制到 .NET 项目中。


HTML Button 生成器常见问题

1. button、submit 和 reset Type 有什么区别?

类型 button 没有默认操作,通常连接到 JavaScript。submit button 提交关联的 form,reset button 则将 form 控件恢复为初始值。

2. 为什么生成器总是包含 type 属性?

明确的 type 可避免 button 行为受周围 markup 影响。这在 form 内尤其重要,因为没有明确 Type 的 button 可能会作为 Submit button 工作。

3. Text 和 Name 字段有什么区别?

字段 Text 提供 <button> 元素内部的可见标签。Name 字段不会显示;当 button 参与 form 时,它用于在 form data 和 form elements collection 中标识该控件。

4. Disabled 选项会改变什么?

Disabled button 无法激活,也不会在提交 form 时提供其 Name 和 Value。当控件需要重新交互时,应移除 disabled 属性。

5. 为什么点击预览中的生成 button 看起来没有反应?

预览只渲染 button,没有特定于应用的 script 或外围 form。button 需要 event handler 才能执行操作,submit 和 reset 则需要关联的 form 才能产生效果。


安装 Aspose.HTML for .NET

使用 .NET CLI 从 NuGet 安装 Aspose.HTML for .NET :

dotnet add package Aspose.HTML

您也可以使用 NuGet 包管理器界面,或在包管理器控制台中运行 Install-Package Aspose.HTML。有关配置详情,请参阅 安装指南 ;如需不受评估版限制地测试 API,请申请 临时许可证 。