Movatterモバイル変換


[0]ホーム

URL:


Menu
×
See More 
Sign In
+1 Get Certified Upgrade Teachers Spaces Get Certified Upgrade Teachers Spaces
   ❮     
     ❯   

HOW TO

HowTo Home

Menus

Icon BarMenu IconAccordionTabsVertical TabsTab HeadersFull Page TabsHover TabsTop NavigationResponsive TopnavSplit NavigationNavbar with IconsSearch MenuSearch BarFixed SidebarSide NavigationResponsive SidebarFullscreen NavigationOff-Canvas MenuHover Sidenav ButtonsSidebar with IconsHorizontal Scroll MenuVertical MenuBottom NavigationResponsive Bottom NavBottom Border Nav LinksRight Aligned Menu LinksCentered Menu LinkEqual Width Menu LinksFixed MenuSlide Down Bar on ScrollHide Navbar on ScrollShrink Navbar on ScrollSticky NavbarNavbar on ImageHover DropdownsClick DropdownsCascading DropdownDropdown in TopnavDropdown in SidenavResp Navbar DropdownSubnavigation MenuDropupMega MenuMobile MenuCurtain MenuCollapsed SidebarCollapsed SidepanelPaginationBreadcrumbsButton GroupVertical Button GroupSticky Social BarPill NavigationResponsive Header

Images

SlideshowSlideshow GalleryModal ImagesLightboxResponsive Image GridImage GridImage GalleryScrollable Image GalleryTab GalleryImage Overlay FadeImage Overlay SlideImage Overlay ZoomImage Overlay TitleImage Overlay IconImage EffectsBlack and White ImageImage TextImage Text BlocksTransparent Image TextFull Page ImageForm on ImageHero ImageBlur Background ImageChange Bg on ScrollSide-by-Side ImagesRounded ImagesAvatar ImagesResponsive ImagesCenter ImagesThumbnailsBorder Around ImageMeet the TeamSticky ImageFlip an ImageShake an ImagePortfolio GalleryPortfolio with FilteringImage ZoomImage Magnifier GlassImage Comparison SliderFavicon

Buttons

Alert ButtonsOutline ButtonsSplit ButtonsAnimated ButtonsFading ButtonsButton on ImageSocial Media ButtonsRead More Read LessLoading ButtonsDownload ButtonsPill ButtonsNotification ButtonIcon ButtonsNext/prev ButtonsMore Button in NavBlock ButtonsText ButtonsRound ButtonsScroll To Top Button

Forms

Login FormSignup FormCheckout FormContact FormSocial Login FormRegister FormForm with IconsNewsletterStacked FormResponsive FormPopup FormInline FormClear Input FieldHide Number ArrowsCopy Text to ClipboardAnimated SearchSearch ButtonFullscreen SearchInput Field in NavbarLogin Form in NavbarCustom Checkbox/RadioCustom SelectToggle SwitchCheck CheckboxDetect Caps LockTrigger Button on EnterPassword ValidationToggle Password VisibilityMultiple Step FormAutocompleteTurn off autocompleteTurn off spellcheckFile Upload ButtonEmpty Input Validation

Filters

Filter ListFilter TableFilter ElementsFilter DropdownSort ListSort Table

Tables

Zebra Striped TableCenter TablesFull-width TableNested TableSide-by-side TablesResponsive TablesComparison Table

More

Fullscreen VideoModal BoxesDelete ModalTimelineScroll IndicatorProgress BarsSkill BarRange SlidersColor PickerEmail FieldTooltipsDisplay Element HoverPopupsCollapsibleCalendarHTML IncludesTo Do ListLoadersBadgesStar RatingUser RatingOverlay EffectContact ChipsCardsFlip CardProfile CardProduct CardAlertsCalloutNotesLabelsRibbonTag CloudCirclesStyle HRCouponList GroupList Group with BadgesList Without BulletsResponsive TextCutout TextGlowing TextFixed FooterSticky ElementEqual HeightClearfixResponsive FloatsSnackbarFullscreen WindowScroll DrawingSmooth ScrollGradient Bg ScrollSticky HeaderShrink Header on ScrollPricing TableParallaxAspect RatioResponsive IframesToggle Like/DislikeToggle Hide/ShowToggle Dark ModeToggle TextToggle ClassAdd ClassRemove ClassChange ClassActive ClassTree ViewRemove DecimalsRemove PropertyOffline DetectionFind Hidden ElementRedirect WebpageFormat a NumberZoom HoverFlip BoxCenter VerticallyCenter Button in DIVCenter a ListTransition on HoverArrowsShapesDownload LinkFull Height ElementBrowser WindowCustom ScrollbarHide ScrollbarShow/Force ScrollbarDevice LookContenteditable BorderPlaceholder ColorDisable Resizing of TextareaDisable Text SelectionText Selection ColorBullet ColorVertical LineDividersText DividerAnimate IconsCountdown TimerTypewriterComing Soon PageChat MessagesPopup Chat WindowSplit ScreenTestimonialsSection CounterQuotes SlideshowClosable List ItemsTypical Device BreakpointsDraggable HTML ElementJS Media QueriesSyntax HighlighterJS AnimationsJS String LengthJS ExponentiationJS Default ParametersJS Random NumberJS Sort Numeric ArrayJS Spread OperatorJS Scroll Into ViewGet Current DateGet Current URLGet Current Screen SizeGet Iframe Elements

Website

Create a WebsiteMake a WebsiteMake a Static WebsiteHost a Static WebsiteMake a Website (W3.CSS)Make a Website (BS3)Make a Website (BS4)Make a Website (BS5)Create and View a WebsiteCreate a Link Tree WebsiteCreate a PortfolioCreate a ResumeMake a Restaurant WebsiteMake a Business WebsiteMake a WebBookCenter WebsiteContact SectionAbout PageBig HeaderExample Website

Grid

2 Column Layout3 Column Layout4 Column LayoutExpanding GridList Grid ViewMixed Column LayoutColumn CardsZig Zag LayoutBlog Layout

Google

Google ChartsGoogle FontsGoogle Font PairingsGoogle Set up Analytics

Converters

Convert WeightConvert TemperatureConvert LengthConvert Speed

Blog

Get a Developer JobBecome a Front-End Dev.Hire Developers

How TO - Speed Converter


Learn how to create a speed converter with HTML and JavaScript.


Speed Converter

Type a value in any of the fields to convert between speed measurements:


Create a Speed Converter

Create an input element that can convert a value from one speed measurement to another.

Step 1) Add HTML:

Example - MPH to KPH

<p>
  <label>MPH</label>
  <input type="number" placeholder="MPH"
  oninput="speedConverter(this.value)"
  onchange="speedConverter(this.value)">
</p>
<p>KPH: <span></span></p>

Step 2) Add #"outputKPH").innerHTML = valNum * 1.609344;
}
Try it Yourself »


Convert from MPH to other Measurements

The table below shows how to convert from MPH to other speed measurements:

DescriptionFormulaExample
Convert from MPH to KPHKPH=MPH*1.609344Try it
Convert from MPH to Knotsknots=MPH/1.150779Try it
Convert from MPH to MachMach=MPH/761.207Try it

Convert from KPH to other Measurements

The table below shows how to convert from KPH to other speed measurements:

DescriptionFormulaExample
Convert from KPH to MPHMPH=KPH/1.609344Try it
Convert from KPH to Knotsknots=KPH/1.852Try it
Convert from KPH to MachMach=KPH/1225.044Try it

Convert from Knots to other Measurements

The table below shows how to convert from Knots to other speed measurements:

DescriptionFormulaExample
Convert from Knots to MPHMPH=knots*1.150779Try it
Convert from Knots to KPHKPH=knots*1.852Try it
Convert from Knots to MachMach=knots/661.4708Try it

Convert from Mach to other Measurements

The table below shows how to convert from Mach to other speed measurements:

DescriptionFormulaExample
Convert from Mach to MPHMPH=Mach*761.207Try it
Convert from Mach to KPHKPH=Mach*1225.044Try it
Convert from Mach to Knotsknots=Mach*661.4708Try it



PLUS
SPACES
GET CERTIFIED
FOR TEACHERS
FOR BUSINESS
CONTACT US
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples
Get Certified
HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate
FORUMABOUTACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted ourterms of use,cookies andprivacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved.W3Schools is Powered by W3.CSS.


[8]ページ先頭

©2009-2025 Movatter.jp