layui文本框
时间: 2023-06-29 15:14:58 浏览: 368
在LayUI中,可以使用form模块的input组件来实现文本框。例如:
```
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
```
上述代码创建了一个带有label标签的文本框。在文本框中,使用input组件来创建文本框,包含name、required、lay-verify、placeholder、autocomplete和class等属性。其中,lay-verify="required"表示该文本框为必填项。
在LayUI中,还可以使用textarea组件来创建多行文本框。例如:
```
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">评论内容</label>
<div class="layui-input-block">
<textarea name="content" placeholder="请输入评论内容" class="layui-textarea"></textarea>
</div>
</div>
```
上述代码创建了一个带有label标签的多行文本框。在文本框中,使用textarea组件来创建多行文本框,包含name、placeholder和class等属性。使用layui-form-text类来实现多行文本框的样式。