Ввод и интервал HTML

У меня простая группа ввода, и я отлично работаю.

<!-- Latest compiled and minified CSS -->
<link rel = "stylesheet" href = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity = "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin = "anonymous">

<td class = "form-group">
  <div class = "col-xs-7 input-group">
    <span class = "input-group-addon"><span><b>+49</b></span></span>
    <input name = "newMobileNumber" validator = "/^(\d{11})$/" maxlength = "11" id = "newMobileNumber" validator-invoke = "watch" validator-error = "fehlerhafte Mobilfunknummer-Eingabe" ng-model = "vm.MobileChangeData.NewMobileNumber" class = "form-control" placeholder = "Neue Mobilfunknummer"
      required>
  </div>
</td>

Но мне нужен промежуток перед +49 вместо ввода.

Я пытался:

<link rel = "stylesheet" href = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity = "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin = "anonymous">

<td>
  <div class = "col-xs-7">
    <span class = "input-group-addon"><span><b>+49</b></span></span>
    <span>3124214214125</span>
  </div>
</td>

Но все запутано.

Любая идея?

<div class = "col-xs-7"> также должен иметь класс группа ввода, и вам нужно стилизовать пролеты.

— 18.10.2018 12:20

вы удалили много классов ... сохраните все и просто измените ввод с помощью диапазона

— 18.10.2018 12:20

Я не знаком с загрузочным CSS, но считаю, что это проблема. Найдите CSS для конкретного элемента <span>. Вот где твоя проблема.

— 18.10.2018 12:23

html css twitter-bootstrap-3

18.10.2018 12:13

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

439

Ответы 2

<link rel = "stylesheet" href = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity = "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin = "anonymous">

<td>
  <div class = "col-xs-7 input-group">
    <span class = "input-group-addon"><span><b>+49</b></span></span>
    <span class = "form-control">3124214214125</span>
  </div>
</td>

почти идеально, но похоже на ввод

— 18.10.2018 12:33

Это класс начальной загрузки по умолчанию, если вы хотите изменить внешний вид, вы должны сделать это с помощью настраиваемого CSS.

— 18.10.2018 13:15

18.10.2018 12:23

потому что вы не добавили input-group в родительский div

см. обновленный код ниже:

<link rel = "stylesheet" href = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity = "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin = "anonymous">

<td>
  <div class = "col-xs-7 input-group">
    <span class = "input-group-addon"><span><b>+49</b></span></span>
    <span>3124214214125</span>
  </div>
</td>

18.10.2018 13:40

Другие вопросы по теме

Как использовать flexbox для выравнивания элементов по гибкому концу и использовать flex grow для выравнивания текста по низу?

Как сделать .card-img-top в Bootstrap одинаковой высотой при адаптивной ширине?

Как добавить черную тень поверх блока div с фоновым изображением?

Как получить одно и то же фоновое изображение для тела и png img?

Как указать гибкий элемент, когда они обертываются неизвестной шириной?

Кендо - закрытие углового раскрывающегося списка при прокрутке

Цвет фона div javascript с важными

HTML не читает шрифты

Диагональный градиент CSS с более плавным переходом

Изменение входного значения вызывает импорт шрифта

Ввод и интервал HTML

Ответы 2

Другие вопросы по теме

Похожие вопросы