Foundation 输入框尺寸详解（超级完整版，一次讲透）
我们继续你的 Foundation 系列，今天重点讲 输入框（Input）尺寸！Foundation 6+ 支持三种内置尺寸类，让输入框、选择框、文本域等表单元素快速调整高度和内边距，超级简单：
- 默认（中等）：不加类，就是标准高度（最常用）
- .small：小尺寸（紧凑，适合密集表单或移动端）
- .large：大尺寸（突出，适合重点输入或触摸设备）
这些类可以直接加到 <input>、<select>、<textarea> 上，也支持输入组（input-group）和开关（switch）。
1. 基本用法
<input type="text" placeholder="默认尺寸（中等）">
<input type="text" class="small" placeholder="小尺寸 .small">
<input type="text" class="large" placeholder="大尺寸 .large">2. 结合输入组（Input Group）
<div class="input-group small">
<span class="input-group-label">小</span>
<input class="input-group-field" type="text" placeholder="小输入组">
</div>
<div class="input-group large">
<span class="input-group-label">大</span>
<input class="input-group-field" type="text" placeholder="大输入组">
</div>3. 其他元素支持
- 选择框（Select）：
<select class="large">
<option>大选择框</option>
</select>- 开关（Switch）：
<div class="switch small">
<input class="switch-input" id="smallSwitch" type="checkbox">
<label class="switch-paddle" for="smallSwitch"></label>
</div>4. 今天直接给你抄的完整代码（复制就能跑）
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/css/foundation.min.css">
</head>
<body>
<h3>Foundation 输入框尺寸对比</h3>
<label>默认尺寸（中等）</label>
<input type="text" placeholder="标准高度">
<label>小尺寸 .small</label>
<input type="text" class="small" placeholder="紧凑版">
<label>大尺寸 .large</label>
<input type="text" class="large" placeholder="突出版">
<!-- 输入组示例 -->
<div class="input-group small" style="margin-top:20px;">
<span class="input-group-label">@</span>
<input class="input-group-field" type="email" placeholder="小邮箱">
</div>
<div class="input-group large">
<span class="input-group-label">$</span>
<input class="input-group-field" type="number" placeholder="大金额">
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="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”
“帮我做搜索表单”
“给我登录表单”
我立刻给你写好！
