Html button autocomplete attribute on vuejs (vue-next)

[softmarshmallow]

Related - vuejs/core#4633

Html button

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

Attributes

name	react	vue	svelte	vanilla	supported?
autofocus	autoFocus	autofocus		autofocus	✅
autocomplete	autoComplete	aria-autocomplete (?)		autocomplete	❌ (dprecated)
disabled	disabled	disabled		disabled	✅
form (#1)	form	form		form	✅
formaction	formAction	formaction		formaction	✅
formenctype	formEncType	formenctype		formenctype	✅
formmethod	formMethod	formmethod		formmethod	✅
formnovalidate	formNoValidate	formnovalidate		formnovalidate	✅
name	name	name		name	✅
type	type	type		type	✅
value	value	value		value	✅

React

// from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts
interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
  autoFocus?: boolean | undefined;
  disabled?: boolean | undefined;
  form?: string | undefined;
  formAction?: string | undefined;
  formEncType?: string | undefined;
  formMethod?: string | undefined;
  formNoValidate?: boolean | undefined;
  formTarget?: string | undefined;
  name?: string | undefined;
  type?: 'submit' | 'reset' | 'button' | undefined;
  value?: string | ReadonlyArray<string> | number | undefined;
}

Vue

<button
        autofocus
        aria-autocomplete=""
        disabled="false"
        form=""
        formaction=""
        formenctype=""
        formmethod=""
        formnovalidate
        name=""
        type=""
        value=""
        >
  Vue Button attributes demo
</button>