在<input /> </div>中动态添加<div>

时间:2011-11-02 09:07:20

标签: javascript html input

我想在<div>

中添加<input>
<input type="submit"  
  name="body_0$main_0$contentmain_0$maincontent_1$contantwrapper_0$disclamerwapper_1$DisclaimerAcceptButton"
  value="I understand and agree to all of the above "  
  onclick="return apt();"  
  id="DisclaimerAcceptButton"
  class="DisclaimerAcceptButton">

按钮太长,所以我想将其标题分成两行。 我无法访问纯HTML,因为一切都是动态的。

5 个答案:

答案 0 :(得分:4)

input elements cannot have descendants

<!ELEMENT INPUT - O EMPTY              -- form control -->
                    ^^^^^

但是,如果您可以更改生成按钮的代码,则可以改为使用button

<button name="body_0$main_0$contentmain_0$maincontent_1$contantwrapper_0$disclamerwapper_1$DisclaimerAcceptButton" onclick="return apt();" id="DisclaimerAcceptButton" class="DisclaimerAcceptButton"> 
    I understand and agree to <br />
    all of the above
</button>

这使您可以根据需要设置按钮内容的样式。

答案 1 :(得分:2)

div是块级HTML元素,不应以这种方式添加到按钮内。但是,您可以使用CSS为按钮指定width,从而获得您正在寻找的多线性。

答案 2 :(得分:1)

你不能在input元素中添加div(除非你想要它在输入值中)。

答案 3 :(得分:1)

不能做到。如果它适用于某些浏览器,则无法保证在其他任何地方都可以使用,因为它不符合标准。

答案 4 :(得分:0)

只有你需要:

<input type="checkbox" id="a"/>
<label for="a"><div>... div content ...</div></label>

就像有人在输入中写一样,你不能放任何元素,但在标签中它可以。