Блог

Главная - Вопросы по программированию - Динамическое добавление внутри

Динамическое добавление внутри

#javascript #html #input

#javascript #HTML #ввод

Вопрос:

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

Ответ №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>

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

Комментарии:

1. Это не сработает, хотя с ASP.NET Компонент кнопки, name id атрибуты которого и указывают на использование.

Ответ №2:

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

Комментарии:

1. Кроме того, для устаревшей поддержки в браузерах, таких как Internet Explorer 6, вы можете использовать HTML-представление возврата каретки: amp;#13;amp;#10;

Ответ №3:

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

Ответ №4:

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

Ответ №5:

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

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

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

Метки: