Inputs | Yaya12085 hungry goat 59

Inputshungry goat1 个文件更新于 2026-04-06
html共 16 行
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="bg-white p-4 rounded-lg max-w-[350px]">
            <label class="text-gray-600 text-sm">
                Phone number
            </label>
            <div class="relative mt-2 max-w-xs text-gray-500">
                <div class="absolute inset-y-0 left-3 my-auto h-6 flex items-center border-r pr-2">
                    <select class="text-sm outline-none rounded-lg h-full">
                        <option>US</option>
                        <option>ES</option>
                        <option>MR</option>
                    </select>
                </div>
                <input type="number" placeholder="+1 (555) 000-000" class="w-full pl-[4.5rem] pr-3 py-2 appearance-none bg-transparent outline-none border focus:border-slate-600 shadow-sm rounded-lg">
            </div>
        </div>

登录后可以查看完整源码、在线编辑并实时预览运行效果。