Form Input | bootstrap vue login page
Createvarioustypeinputssuchas:text,password,number,url,email,search,range,dateandmore.
Create various type inputs such as: text, password, number, url, email, search, range, date and more.
<template> <div> <b-form-input v-model="text" placeholder="Enter your name"></b-form-input> <div class="mt-2">Value: {{ text }}</div> </div> </template> <script> export default { data() { return { text: } } } </script> Input type<b-form-input> defaults to a text input, but you can set the type prop to one of the supported native browser HTML5 types: text, password, email, number, url, tel, search, date, datetime, datetime-local, month, week, time, range, or color.
<template> <b-container fluid> <b-row class="my-1" v-for="type in types" :key="type"> <b-col sm="3"> <label :for="`type-${type}`">Type <code>{{ type }}</code>:</label> </b-col> <b-col sm="9"> ...