输入框 Input

表单输入框

默认样式

input元素添加".open-input"即可创建一个基础输入框

显示代码

<div class="open-container open-col-4">
	<input class="open-input" name="input" type="text" placeholder="默认">
</div>

错误样式

通过追加".open-input-error"定义错误类型输入框

显示代码

<div class="open-container open-col-4">
	<input class="open-input open-input-error" name="text" type="text" placeholder="警示">
</div>

禁用样式

通过添加属性"disabled" 定义禁用类型输入框

显示代码

<div class="open-container open-col-4">
	<input class="open-input " name="text" type="text" placeholder="禁用" disabled>
</div>

文本域

textarea元素添加".open-textarea"即可创建一个基础文本域

显示代码

<div class="open-container open-col-4">
	<textarea class="open-textarea" placeholder="默认文本框"></textarea>
</div>