NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序 - 编程入门网

将 <h1> 标记之间的文本更改为："Welcome to IFPWAFCAD, the International Former Professional Wrestlers'' Association for Counseling and Development!"。

通过从主菜单中选择“窗口” >“组件面板”（Ctrl-Shift-8 组合键；在 Mac 上为 &#8984-Shift-8 组合键）打开 IDE 的组 件面板。将指针悬停在 "HTML" 类别中的“表”图标上，并注意为该项显示的缺省代码片段。

您可以根据自己的喜好配置“组件面板”- 在“组件面板”中单击鼠标右键并选择“显示大图 标”和“隐藏项名称”可使其显示上图所示的内容。

将光标指针放在紧靠 <h1> 标记后面的位 置。（该位置即是您要实现新的 HTML 表的位置。）然后，在“组件面板”中双击“表”图标。

在显 示的“插入表”对话框中，指定以下值，然后单击“确定”。

行数：2

列数：1

边框大小： 0

此时会生成 HTML 表代码并已添加到您的页面中。

将以下内容添加到表标题和第一个表行的单元 格中（新内容以粗体显示）：

<table border="0">
    <thead>
        <tr>
            <th>IFPWAFCAD offers expert counseling in a wide range of 

fields.</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>To view the contact details of an IFPWAFCAD certified former
                professional wrestler in your area, select a subject below:
            </td>
        </tr>

NetBeans IDE 6.8/6.9教程-使用MySQL数据库创建简单的Web应用程序(5)

在底部的表行中，插入一个 HTML 表单。为此，请将光标放在第二对 <td> 标记之间，然后双 击“组件面板”中的 HTML 表单 () 图 标。在“插入表单”对话框的“操作”文本字段中，键入 response.jsp，然后单击“确定”。

在 <form> 标记之间键入以下内容（新内容以粗体显示）：

<tr>
    <td>
        <form action="response.jsp">
            <strong>Select a subject:</strong>
        </form>
    </td>
</tr>

使用 IDE 的代码完成支持同样可以访问“组件面板”中列出的所有项。要在编辑器中工作时使用代码 完成，可以按 Ctrl-空格键。下面的两个步骤演示了如何使用代码完成添加下拉列表和提交按钮。

在编辑器中，按 Enter 键在刚添加的内容后面添加一个空行，然后按 Ctrl-空格键以调用 IDE 的代 码完成支持。

选择“下拉列表”。

在所显示的“插入下拉列表”对话框的“名称”文本字段中键入 subject_id ，然后单击“确定”。请注意，下拉列表的代码片段会添加到表单中。

下拉列表的选项数目当前并不 重要。稍后，我们将在本教程中添加动态生成选项（基于从 Subject 数据库表收集的数据）的 JSTL 标 记。

将提交按钮项 () 添加到紧靠刚添加的下拉列表后面的位置。可以使用“组件面板”执行此操作 ，也可以调用编辑器的代码完成（如上一步中所述）。在“插入按钮”对话框的“标签”和“名称”字段 中均输入 submit，然后单击“确定”。

要设置代码的格式，请在编辑器中单击鼠标右键，然后选择

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!