Динамически добавить <div>внутри <input>

Question

Я хочу добавить <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, так как все динамично.

Answer 1

input элементы не могут иметь потомков :

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

Это позволяет вам стилизовать содержимое кнопки так, как вы хотите.

Answer 2

A div - это элемент HTML уровня блока, и его не следует добавлять внутрь кнопки таким образом.Тем не менее, вы можете использовать CSS, чтобы указать width для кнопки, и, таким образом, получить многоцветность, которую вы ищете.

Answer 3

Нет, не могу сделать. И если он работает в каком-то браузере, он не гарантированно будет работать где-либо еще, потому что он не соответствует стандартам.

Answer 4

Вы не можете добавить div внутри элемента ввода (если только вы не хотите его использовать в качестве значения ввода).

Answer 5

Только вам нужно:

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

Как кто-то пишет на входе, вы не можете поместить любой элемент, но в метку он может.