ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

КАК Сделать

Главная

Меню

Панель значков Значок меню Аккордеон Вкладки Вертикальные вкладки Заголовки вкладок Вкладки полной страницы Вверх Навигация Отзывчивый Topnav Панель поиска Исправлена ​​боковая панель Боковая навигация Полноэкранная навигация Меню Off-Canvas Наведение с помощью кнопок Меню горизонтальной прокрутки Вертикальное меню Нижняя навигация Отзывчивый снимок Nav Ссылки на нижнюю границу Ссылки справа Центрированные ссылки меню Исправлено меню Слайд-шоу в прокрутке Скрыть Navbar в прокрутке Прикрепленное Navbar Выпадающие окна Hover Нажмите «Раскрывающиеся окна» Раскрытие в Топнаве Распространение в Сидене Откроется панель Navbar Dropup Mega Menu пагинация Панировочные сухари Группа кнопок Группа вертикальных кнопок Важная социальная панель Отзывчивый заголовок

Изображения

Слайд-шоу Галерея слайд-шоу Модальные изображения Лайтбокс Адаптивная Сетка изображения Сетка изображения Галерея вкладок Оверлей изображения Слайд с наложенным изображением Масштабирование наложения изображения Название наложения изображения Значок наложения изображения Эффекты изображения Черно-белое изображение Текст изображения Текстовые блоки изображений Прозрачный текст изображения Полное изображение страницы Форма на картинке Герой изображение Параллельные изображения Округленные изображения Аватар изображения Адаптивные образы Центрировать изображения Миниатюры Познакомьтесь с командой Липкое изображение Отражение изображения Встряхните изображение Портфолио галерея Портфолио с фильтрацией Масштабирование изображения Изображение увеличительное стекло Ползунок сравнения изображений

Кнопки

Кнопки оповещения Кнопки структуры Кнопки разделения Анимированные кнопки Кнопки затухания Кнопка на картинке Кнопки социальных сетей Кнопки загрузки Кнопки загрузки Значки Кнопки «Далее»/«предыдущий» Кнопки блокировки Текстовые кнопки Круглые пуговицы Прокрутка к верхней кнопке

Формы

Форма входа Форма регистрации Бланк заказа Контактная форма Форма для входа в социальную систему Форма регистрации Форма с иконками Бюллетень Адаптивная форма Очистить поле ввода Копировать текст в буфер обмена Анимированный Поиск Кнопка поиска Полноэкранный Поиск Настраиваемый флажок/Радио Выборочный выбор Тумблер Установите флажок Проверка пароля Переключение видимости паролей Форма с несколькими шагами Автозаполнения

Фильтры

Список фильтров Таблица фильтров Фильтрующие элементы Фильтр раскрывающегося списка Сортировать список Сортировка таблицы

Таблицы

Зебра полосатые таблицы Адаптивные таблицы Сравнительная таблица

Больше

Fullscreen Video Модальные коробки Шкала Индикатор прокрутки Строки хода выполнения Панель умений Ползунки диапазона Подсказки Popups Складной Календарь HTML вставка Список Погрузчики Звездв Рейтинг пользователей Эффект наложения Контактные фишки Карты Карточка профиля Оповещения Заметки Метки Круги Купон Отзывчивый текст Фиксированный нижний колонтитул Липкий элемент Одинаковая высота Clearfix Снэк-бар Прокрутка рисунка Липкий заголовок Таблица цен Параллакс Пропорции Переключение типа/не нравится Включить скрытие/отображение Переключение текста Переключение класса Добавить класс Удалить класс Активный класс Увеличить Hover Переход при наведении Стрелки Формы Окно браузера Настраиваемая полоса прокрутки Цвет заполнителя Вертикальная линия Анимация значков Таймер обратного отсчета Машинку Скоро страница Сообщения чата Разделить экран Отзывы Цитаты слайд-шоу Закрываемые элементы списка Типичные точки останова устройства Перетаскивание HTML-элемента Кнопка спуска на входе JS медиа запросы JS анимации Получить элементы IFRAME

Сайт

Создать веб-сайт Создать веб-сайт (BS3) Создать веб-сайт (BS4) Веб-сайт центра Контактная Секция

Сетка

2 расположение колонок 3 Расположение колонок 4 расположение колонок Разворачивание сетки Представление сетки списка Компоновка смешанных столбцов Макет блога

Google

Карты Google Карты Google BW Google перевести Google чарты Google шрифты

Конвертеры

Преобразовать вес Преобразовать температуру Преобразовать длину Конвертировать скорость

Как сделать - Конвертер Длина


Узнайте, как создать конвертер длины с помощью HTML и JavaScript.


Преобразователь длины

Введите значение в любое из полей для преобразования между измерениями длины:


Создание преобразователя длины

Создайте входной элемент, который может преобразовать значение из одного измерения длины в другое.

Шаг 1) добавить HTML:

Пример-футы в метр

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

Шаг 2) добавить JavaScript:

Пример-футы в метр

/* When the input field receives input, convert the value from feet to meters */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 0.0022046;
}


Преобразовать из футов в другие измерения

В таблице ниже показано, как преобразовать от футы к другим измерениям длины:

Описание Формула Пример
Convert from Feet to Meters m=ft/3.2808
Convert from Feet to Inches in=ft*12
Convert from Feet to cm cm=ft/0.032808
Convert from Feet to Yards yd=ft*0.33333
Convert from Feet to Kilometers km=ft/3280.8
Convert from Feet to Miles mi=ft*0.00018939

Преобразование из метров в другие измерения

В таблице ниже показано, как преобразовать метры в другие измерения длины:

Описание Формула Пример
Convert from Meters to Feet ft=m*3.2808
Convert from Meters to Inches in=m*39.370
Convert from Meters to cm cm=m/0.01
Convert from Meters to Yards yd=m*1.0936
Convert from Meters to Kilometers km=m/1000
Convert from Meters to Miles mi=m*0.00062137

Преобразование из дюймов в другие измерения

В таблице ниже показано, как преобразовать из дюймов в другие измерения длины:

Описание Формула Пример
Convert from Inches to Feet ft=in*0.083333
Convert from Inches to Meters m=in/39.370
Convert from Inches to cm cm=in/0.39370
Convert from Inches to Yards yd=in*0.027778
Convert from Inches to Kilometers km=in/39370
Convert from Inches to Miles mi=in*0.000015783

Преобразование из см в другие измерения

В таблице ниже показано, как преобразовать из cm в другие измерения длины:

Описание Формула Пример
Convert from cm to Feet ft=cm*0.032808
Convert from cm to Meters m=cm/100
Convert from cm to Inches in=cm*0.39370
Convert from cm to Yards yd=cm*0.010936
Convert from cm to Kilometers km=cm/100000
Convert from cm to Miles mi=cm*0.0000062137

Преобразовать с ярдов в другие измерения

В таблице ниже показано, как преобразовать с ярдов в другие измерения длины:

Описание Формула Пример
Convert from Yards to Feet ft=yd*3
Convert from Yards to Meters m=yd/1.0936
Convert from Yards to Inches in=yd*36
Convert from Yards to cm cm=yd/0.010936
Convert from Yards to Kilometers km=yd/1093.6
Convert from Yards to Miles mi=yd*0.00056818

Конвертировать из километров в другие измерения

В таблице ниже показано, как преобразовать из километров в другие измерения длины:

Описание Формула Пример
Convert from Kilometers to Feet ft=km*3280.8
Convert from Kilometers to Meters m=km*1000
Convert from Kilometers to Inches in=km*39370
Convert from Kilometers to cm cm=km*100000
Convert from Kilometers to Yards mi=km*1093.6
Convert from Kilometers to Miles mi=km*0.62137

Конвертировать из миль в другие измерения

В приведенной ниже таблице показано, как преобразовать мили в другие измерения длины:

Описание Формула Пример
Convert from Miles to Feet ft=mi*5280
Convert from Miles to Meters m=mi/0.00062137
Convert from Miles to Inches in=mi*63360
Convert from Miles to cm cm=mi/0.0000062137
Convert from Miles to Yards yd=mi*1760
Convert from Miles to Kilometers km=mi/0.62137