Form | Bootstrap-vue label
![Form](https://i.imgur.com/axBPWDg.jpg)
BootstrapVueformcomponentandhelpercomponentsthatoptionallysupportinlineformstylesandvalidationstates.PairthemupwithotherBootstrapVueformcontrolcomponentsforaneasycustomized,andresponsive,layoutwithaconsistentlookandfeel.IntroductiontoformsandcontrolsBesuretouseanappropriatetypeonallinputs(e.g.,emailforemailaddressornumberfornumericalinformation)totakeadvantageofnewerinputcontrolslikeemailverification,numberselection,andmore.HeresaquickexampletodemonstrateBootstrapVuesformstyles.Keepreadingfo...
![Form](http://pix4.agoda.net/hotelimages/agoda-homes/5899847/61e1a790eeb181e40e8f262ea5a396dc.jpg?s=800x)
BootstrapVue form component and helper components that optionally support inline form styles and validation states. Pair them up with other BootstrapVue form control components for an easy customized, and responsive, layout with a consistent look and feel.
Introduction to forms and controlsBe sure to use an appropriate type on all inputs (e.g., email for email address or number for numerical information) to take advantage of newer input controls like email verification, number selection, and more.
Heres a quick example to demonstrate BootstrapVues form styles. Keep reading for documentation on supported components, form layout, and more.
<template> <div> <b-form @submit="onSubmit" @reset="onReset" v-if="show"> <b-form-group id="input-group-1" label="Email address:" label-for="input-1" description="Well never share your email with anyone else." > <b-form-input ...取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
Form Group | Bootstrap-vue label
Form | Bootstrap-vue label
Form Input | Bootstrap-vue label
Form Tags | Bootstrap-vue label
Input Group | Bootstrap-vue label
Form Checkbox | Bootstrap-vue label
Form File Input | Bootstrap-vue label
表单组合(Form Group) | Bootstrap-vue label
表单(Form) | Bootstrap-vue label
Bootstrap vue: form | Bootstrap-vue label
Form Group | Bootstrap-vue label
Form Input | Bootstrap-vue label
Form | Bootstrap-vue label
表单组合(Form Group) | Bootstrap-vue label
Bootstrap vue | Bootstrap-vue label
Form Tags | Bootstrap-vue label
Form File | Bootstrap-vue label
b | Bootstrap-vue label
表单(Form) | Bootstrap-vue label
Form Checkbox | Bootstrap-vue label
![](https://i.imgur.com/axBPWDg.jpg)