Input

A container that hosts web pages. Will automatically cover the entire Mini Program page,Personal type Mini Program is not supported for the time being.

Example

<deprecated-input placeholder="welcome to binance" />

Bug & Tip

• tip: input Component is a native component, the font is the system font, so cannot be set font-family
• tip: in input During focusing, avoid using css animation
• tip: For input Is encapsulated in a custom component, and form Outside the custom component, form You will not be able to get the input Value of. You need to use the custom component s built-in behaviors wx://form-field

Props

Name	Type	Description	Default
value	string | number	The initial content of the input box
type	Type	input Type: 'text' or 'number'	"text"
password	boolean	Is it a password type?	false
placeholder	string	Placeholder when input box is empty
disabled	boolean	Is it disabled?	false
maxlength	number	Maximum input length, set to -1 Does not limit the maximum length	140
auto-focus	boolean	(Soon to be abandoned, please use directly focus ) Auto focus, pull up the keyboard	false
focus	boolean	Getting focus	false
manual	boolean	If manual is true, you can only change input value by e.control({value: string}) in onChange event	false
pattern	string	Regular expression for input content verification
inputmode	string	Keyboard input type, valid values are: none, text, decimal, numeric, tel, search, email, url

Events

Name	Description
bindinput	Triggered when keyboard input, Arguments event: detail: Object detail.value: string detail.cursor: number detail.keyCode: number — The key code in keyboard
bindinput-capture	Trigger when input input event capture phase, see more about DOM3-EVENTS
bindfocus	Triggered when input box is focused, Arguments event: detail: Object — The event object detail.height: number — height for keyboard height detail.value: string — The value of input
bindfocuscapture	Trigger when input focus event capture phase, see more about DOM3-EVENTS
bindblur	Triggered when the input box loses focus, event. detail = { value, encryptedValue, encryptError }
bindblurcapture	Trigger when input blur event capture phase, see more about DOM3-EVENTS
bindconfirm	Triggered when the Finish on is clicked, event.detail = { value }