动态添加 <div> 内 <input>

Question

I want to add <div> inside <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">

The button is too long so I want to split its caption into two lines. I don't have access to pure html since everything is dynamic.

Answer 1

input elements cannot have descendants :

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

However, if you can change the code that generates the button, you can use button instead:

<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>

This lets you style the content of the button however you want to.

Answer 2

A div is a block level HTML element and it shouldn't be added inside the button in such a way. You can however use CSS to specify a width to the button, and thus acquire the multi-lineness that you're looking for.

Answer 3

您不能在输入元素内添加div（除非您希望在输入的值中添加div）。

Answer 4

No can't do. And if it works on some browser, it's not guaranteed to work anywhere else, because it doesn't follow the standards.

Answer 5

Only you need:

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

Like somebody write in input you cannot put any element but in label for it can.