输入框:
在微信小程序(以及网页开发等场景)中,<input> 是一个表单组件,主要用于接收用户的输入信息,以下是详细介绍:
- 基本功能:
<input> 组件可以创建一个单行的文本输入框,用户能够在里面输入文字、数字等内容,比如搜索关键词、用户名、密码(设置 password 属性后会隐藏输入内容)等。
- 常见属性
placeholder:设置输入框为空时显示的提示文本,像上面代码中的placeholder="搜索" ,就是提示用户在此输入搜索内容。
value:用于设置输入框的初始值,可在页面加载时展示预设内容。
type:指定输入类型,例如text(普通文本,默认值)、number(只能输入数字) 等。
- 应用场景:广泛应用于各种需要用户输入信息的场景,如搜索功能、用户注册登录页面、信息编辑页面等。
![]()
![]()
![]()
效果是这样的
![]()
![]()