Question

我创建了一个有三个按钮的简单表单。我需要的按钮应该是表格格式的单行。

示例：

<table><tr><td>button1</td><td>button2</td><td>button3</td></tr></table>

我的代码：

table
    tr
        td
            form#formAddUser(name="viewAll",method="get",action="/userlist")        
                button#btnSubmit(type="submit") View All
        td
            form#formAddUser(name="new",method="get",action="/newuser")        
                button#btnSubmit(type="submit") New
        td
            form#formAddUser(name="delete",method="get",action="/delete")        
                button#btnSubmit(type="submit") Delete

但是在浏览器访问时显示错误“无效缩进，您可以使用制表符或空格但不能同时使用”

请帮助我！

Answer 1

这是vim向我展示:set listchars=eol:$,tab:>-,trail:~,extends:>,precedes:<：

的内容

    table$
>------->-------tr$
>------->------->-------td$
>------->------->------->-------form#formAddUser(name="viewAll",method="get",action="/userlist")~~~~~~~~$
        >------->------->-------button#btnSubmit(type="submit") View All$
>------->------->-------td$
>------->------->------->-------form#formAddUser(name="new",method="get",action="/newuser")~~~~~~~~$
>------->------->-------        button#btnSubmit(type="submit") New$
>------->------->-------td$
>------->------->------->-------form#formAddUser(name="delete",method="get",action="/delete")~~~~~~~~$
>------->------->-------        button#btnSubmit(type="submit") Delete$

所以，现在您可以了解Tab的位置以及Space的使用位置。我建议使用sublime或任何其他编辑器。

正确编辑应该是这样的，代码中的主要编辑是缩进表单内的按钮：

table$
>------->-------tr$
>------->------->-------td$
>------->------->------->-------form#formAddUser(name="viewAll",method="get",action="/userlist")$
>------->------->------->------->-------button#btnSubmit(type="submit") View All$
>------->------->-------td$
>------->------->------->-------form#formAddUser(name="new",method="get",action="/newuser")$
>------->------->------->------->-------button#btnSubmit(type="submit") New$
>------->------->-------td$
>------->------->------->-------form#formAddUser(name="delete",method="get",action="/delete")$
>------->------->------->------->-------button#btnSubmit(type="submit") Delete$

<小时/> 如果您想在gedit中查看相同的内容，例如Ubuntu的文本编辑器，请检查是否有 gedit-plugins 包。安装它并查看gedit首选项中的 绘制空间 部分。您可以将其配置为显示空格，制表符，换行符等。

更新：以下是发送给客户

的HTML

<table>
    <tr>
        <td>
            <form action="/userlist" id="formAddUser" method="get" name=
            "viewAll">
                <button id="btnSubmit" type="submit">View All</button>
            </form>
        </td>

        <td>
            <form action="/newuser" id="formAddUser" method="get" name=
            "new">
                <button id="btnSubmit" type="submit">New</button>
            </form>
        </td>

        <td>
            <form action="/delete" id="formAddUser" method="get" name=
            "delete">
                <button id="btnSubmit" type="submit">Delete</button>
            </form>
        </td>
    </tr>
</table>

<小时/> 代码共享：

./package.json
./app.js
./views/index.jade

执行npm install并点击http://127.0.0.1:3000

如何使用玉模板的HTML？

1 个答案: