无法使用Jade和Node显示复选框

时间:2014-03-29 15:54:47

标签: node.js pug

尝试选中男性或女性复选框。

显示CheckBox的代码如下;

span(style='display:block;')
    div.
        Sex:
    input(type='radio',id='Male',name='sex',value='Male')
        Male
    input(type='radio',id='Female',name='sex',value='Female')
        Female  

然而,当显示页面时,我得到以下内容;

** 28 |性别:
29 |输入(类型='广播',id ='男',名称='性',值='男')
> 30 | '男性'
31 |输入(type =' radio',id =' Female',name =' sex',value =' Female')
32 |
33 |

名称未定义 28 |性别: 29 |输入(类型='无线电',ID ='男性',名称='性别',值='男性&#39)

  

30 | '男性'   31 |输入(类型='无线电',ID ='女',名称='性别',值='女')   32 |   33 | **

如何使用Jade显示一个带有两个选项的复选框'男性' &安培; '女'

(我已尝试在输入行之后添加'。'并尝试将Male放入单引号和双引号中。)

2 个答案:

答案 0 :(得分:6)

您的问题是,您不能转换为自我结束标记,而且由于piping您的“标签”不正确而导致错误,因此 Jade 认为它们是变量

请试试这个:

span(style='display:block;')
    div
        | Sex:
        input(type='radio',id='Male',name='sex',value='Male')
        | Male
        input(type='radio',id='Female',name='sex',value='Female')
        | Female 

制作此HTML:as JSFiddle

<span style="display:block;">
  <div>Sex:
    <input type="radio" id="Male" name="sex" value="Male"/>Male
    <input type="radio" id="Female" name="sex" value="Female"/>Female 
  </div>
</span>

答案 1 :(得分:-1)

试试这个

span(style='display:block;')
    div
        p Sex:
        label
            input(type='radio',id='Male',name='sex',value='Male')
                | Male
        label
            input(type='radio',id='Female',name='sex',value='Female')
                | Female