文本框

文本框允许用户输入多行文本。

类名
类型
textarea
组件
用于 <textarea> 元素
textarea-ghost
样式
幽灵样式
textarea-neutral
颜色
中性色
textarea-primary
颜色
原色
textarea-secondary
颜色
辅助色
textarea-accent
颜色
强调色
textarea-info
颜色
信息色
textarea-success
颜色
成功色
textarea-warning
颜色
警告色
textarea-error
颜色
错误色
textarea-xs
尺寸
超小尺寸
textarea-sm
尺寸
小尺寸
textarea-md
尺寸
中尺寸[默认]
textarea-lg
尺寸
大尺寸
textarea-xl
尺寸
超大尺寸

文本框

<textarea class="$$textarea" placeholder="Bio"></textarea>
<textarea class="$$textarea" placeholder="Bio"></textarea>

幽灵 (无背景)

<textarea class="$$textarea $$textarea-ghost" placeholder="Bio"></textarea>
<textarea class="$$textarea $$textarea-ghost" placeholder="Bio"></textarea>

带有表单控件和标签

你的简介
可选
<fieldset class="$$fieldset">
  <legend class="$$fieldset-legend">Your bio</legend>
  <textarea class="$$textarea h-24" placeholder="Bio"></textarea>
  <div class="$$fieldset-label">Optional</div>
</fieldset>
<fieldset class="$$fieldset">
  <legend class="$$fieldset-legend">Your bio</legend>
  <textarea class="$$textarea h-24" placeholder="Bio"></textarea>
  <div class="$$fieldset-label">Optional</div>
</fieldset>

文本框颜色

<textarea type="text" placeholder="Primary" class="$$textarea $$textarea-primary"></textarea>
<textarea type="text" placeholder="Secondary" class="$$textarea $$textarea-secondary"></textarea>
<textarea type="text" placeholder="Accent" class="$$textarea $$textarea-accent"></textarea>
<textarea type="text" placeholder="Neutral" class="$$textarea $$textarea-neutral"></textarea>
<textarea type="text" placeholder="Info" class="$$textarea $$textarea-info"></textarea>
<textarea type="text" placeholder="Success" class="$$textarea $$textarea-success"></textarea>
<textarea type="text" placeholder="Warning" class="$$textarea $$textarea-warning"></textarea>
<textarea type="text" placeholder="Error" class="$$textarea $$textarea-error"></textarea>
<textarea type="text" placeholder="Primary" class="$$textarea $$textarea-primary"></textarea>
<textarea type="text" placeholder="Secondary" class="$$textarea $$textarea-secondary"></textarea>
<textarea type="text" placeholder="Accent" class="$$textarea $$textarea-accent"></textarea>
<textarea type="text" placeholder="Neutral" class="$$textarea $$textarea-neutral"></textarea>
<textarea type="text" placeholder="Info" class="$$textarea $$textarea-info"></textarea>
<textarea type="text" placeholder="Success" class="$$textarea $$textarea-success"></textarea>
<textarea type="text" placeholder="Warning" class="$$textarea $$textarea-warning"></textarea>
<textarea type="text" placeholder="Error" class="$$textarea $$textarea-error"></textarea>

尺寸

<textarea placeholder="Bio" class="$$textarea $$textarea-xs"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-sm"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-md"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-lg"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-xl"></textarea>
<textarea placeholder="Bio" class="$$textarea $$textarea-xs"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-sm"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-md"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-lg"></textarea>

<textarea placeholder="Bio" class="$$textarea $$textarea-xl"></textarea>

禁用

<textarea class="$$textarea" placeholder="Bio" disabled></textarea>
<textarea class="$$textarea" placeholder="Bio" disabled></textarea>
daisyUI store

NEXUS
daisyUI 官方仪表盘模板

在 daisyUI 商店中可用

更多详情