1. 首页
  2. 表单 Form
  3. form-input 输入框

表单 · form-input 输入框

最常用的文本输入控件，一套类兼容 <input> / <textarea> / <select>。加在 <div> 上时切换为 flex 容器模式（输入框 + 图标按钮组合）。焦点 / hover 边框变主色，配合 error 态标红。
表单家族 索引 base input textarea select number search checkbox radio switch choose multipled labels inpselect button label file files upload video image images imgurls date datetime color price sms sign listing json arrays infinite location latlng editor richtext line modifier data 本页内容 基本用法 div 容器模式（flex） error 错误态 常用 type 组合

基本用法

<input type="text" name="title" class="form-input" placeholder="请输入标题">

div 容器模式（flex）

<div class="form-input"> <input type="text" name="s" placeholder="搜索内容..." class="form-noborder"> <button type="button" class="btn btn-index mgreml-4">搜索</button> </div>

error 错误态

<input type="text" name="bad" class="form-input error">

常用 type 组合

<input type="text" name="t" class="form-input"> <input type="password" name="p" class="form-input"> <input type="email" name="e" class="form-input"> <input type="number" name="n" class="form-input">
上一张 form-base 表单基础
下一张 form-textarea 多行文本
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页