Mobile form

Easily create single column layouts and render mobile forms using the various form elements like buttons, inputs, radio buttons and more.

Use the global options for setting the theme, localization options and everything that should be consistent across your app.

Building for larger screens?  See how to make forms for tablets & desktops →
Get started with this example

Demo

Loading the live demo

Preview in full screen

Code

View code on GitHub 
<script setup>
import { MbscInput, MbscPage, setOptions  } from '@mobiscroll/vue'

setOptions({
  locale:  ,
  theme: ' ',
  themeVariant: ' '
})
</script>

<template>
  <MbscPage>
    <div class="mbsc-form-group">
      <div class="mbsc-form-group-title">User Data</div>
      <MbscInput label="First name" placeholder="First Name" />
      <MbscInput label="Last name" placeholder="Last Name" />
      <MbscInput label="User name" placeholder="User Name" />
      <MbscInput label="Company" placeholder="Company Name" />
      <MbscInput label="Email" placeholder="Email Address" />
    </div>
    <div class="mbsc-form-group">
      <div class="mbsc-form-group-title">Phone Number</div>
      <MbscInput label="Home" placeholder="Home" />
      <MbscInput label="Business" placeholder="Business" />
      <MbscInput label="Fax" placeholder="Fax" />
    </div>
  </MbscPage>
</template>

Duplicate Session

You have signed in on a different machine. To keep everything in sync, you have been signed out of this session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.

Duplicate Session

We noticed you are logged in on a different machine and have closed your old session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.