Foundation 输入框尺寸
Foundation 输入框尺寸详解（超级完整版，一次讲透）
我们继续你的 Foundation 系列，今天重点讲输入框（Input）尺寸！Foundation 6+ 支持三种内置尺寸类，让输入框、选择框、文本域等表单元素快速调整高度和内边距，超级简单：
- 默认（中等）：不加类，就是标准高度（最常用）
- .small：小尺寸（紧凑，适合密集表单或移动端）
- .large：大尺寸（突出，适合重点输入或触摸设备）
这些类可以直接加到<input>、<select>、<textarea>上，也支持输入组（input-group）和开关（switch）。
1. 基本用法
<inputtype="text"placeholder="默认尺寸（中等）"><inputtype="text"class="small"placeholder="小尺寸 .small"><inputtype="text"class="large"placeholder="大尺寸 .large">2. 结合输入组（Input Group）
<divclass="input-group small"><spanclass="input-group-label">小</span><inputclass="input-group-field"type="text"placeholder="小输入组"></div><divclass="input-group large"><spanclass="input-group-label">大</span><inputclass="input-group-field"type="text"placeholder="大输入组"></div>3. 其他元素支持
- 选择框（Select）：
<selectclass="large"><option>大选择框</option></select> - 开关（Switch）：
<divclass="switch small"><inputclass="switch-input"id="smallSwitch"type="checkbox"><labelclass="switch-paddle"for="smallSwitch"></label></div>
4. 今天直接给你抄的完整代码（复制就能跑）
<!DOCTYPEhtml><html><head><linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/css/foundation.min.css"></head><body><h3>Foundation 输入框尺寸对比</h3><label>默认尺寸（中等）</label><inputtype="text"placeholder="标准高度"><label>小尺寸 .small</label><inputtype="text"class="small"placeholder="紧凑版"><label>大尺寸 .large</label><inputtype="text"class="large"placeholder="突出版"><!-- 输入组示例 --><divclass="input-group small"style="margin-top:20px;"><spanclass="input-group-label">@</span><inputclass="input-group-field"type="email"placeholder="小邮箱"></div><divclass="input-group large"><spanclass="input-group-label">$</span><inputclass="input-group-field"type="number"placeholder="大金额"></div><scriptsrc="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script><scriptsrc="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/js/foundation.min.js"></script><script>$(document).foundation();</script></body></html>下面给你看类似效果（Foundation 表单输入框不同尺寸的实际演示）：
官方文档（最新版）：https://get.foundation/sites/docs/forms.html（搜索 “Input Sizes” 或查看示例代码）
你现在想干嘛？
→ 明天继续讲 Foundation 表格（Table）还是按钮尺寸？
→ 帮我做一个小尺寸的搜索表单（带图标）？
→ 给我一个全尺寸对比的登录表单？
直接回复下一句：
“明天讲 table”
“帮我做搜索表单”
“给我登录表单”
我立刻给你写好！