输入与选择
NINGSHEN.TOP
Story
Reference
Implementation
02
输入与选择类控件
用户"给数据"的东西——打字、选择、调值
📱💻⌚🥽全平台
TextField
TextField · UITextField · NSTextField · <input>
单行文本输入。
最基础的输入控件。
iOS 键盘类型
.default 标准
.numberPad 纯数字
.emailAddress 邮箱
.URL 网址
.phonePad 电话
提交行为 (SubmitLabel)
- • .search 键盘显示"搜索"
- • .done 键盘显示"完成"
- • .go 键盘显示"前往"
- • .send 键盘显示"发送"
Live Demo
🔍
自动填充
设置 autocomplete 属性启用iOS密码/验证码自动填充
📱💻⌚🥽全平台
SecureField
SecureField · isSecureTextEntry · password
文本输入但显示为圆点。
用于密码等敏感信息。
与 TextField 的区别
SecureFieldTextField
圆点遮盖明文显示
不可复制可复制
Live Demo
iOS会自动读取短信验证码
📱💻🥽iOS / macOS / visionOS
TextEditor
TextEditor · UITextView · NSTextView · textarea
多行文本输入和编辑。
支持滚动，适用于长文本。
TextField vs TextEditor
TextFieldTextEditor
单行多行可滚动
回车=提交回车=换行
用户名/搜索评论/备注
iOS 16+ axis 参数
TextField(axis: .vertical)
单行输入框可自动扩展为多行
Live Demo
可拖拽调整高度回车键换行