设置提示信息样式

概述

提示信息默认显示在控件下方,红色背景,白色字体。可以根据需要,设置提示信息显示在右侧。

提示信息显示在右侧,<input name="" type="text" nullable="false" place="right"/>

设置提示信息的前景色(字体颜色)与背景色,<input type="text" datatype="email" nullable="false" bgcolor="#33f" fgcolor="#FF9"/>

示例

1、提示信息位置

单个设置提示信息位置
<form onsubmit="alert('验证成功');return false;">
<p>
姓名:
<input name="" type="text" size="6" datatype="chinese" lenlimit="2-4" nullable="false" alt="限2至4个中文字/符"><span>(默认显示在下方)</span>
</p>
<p>
年龄:
<input type="text" size="4" datatype="uint" star="false" nullable="false" place="right" />(显示在右侧)
</p>
<p>
高身:
<input type="text" size="4" datatype="uint" star="false" nullable="false" place="top"/>cm(显示在上方)
</p>
<p>
电话:
<input type="text" size="13" datatype="tel|mobile" star="false" nullable="false" place="left" />(显示在左则)
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

姓名: (默认显示在下方)

年龄: (显示在右侧)

高身: cm(显示在上方)

电话: (显示在左则)

统一设置提示信息位置
<form onsubmit="alert('验证成功');return false;" place="right" >
<p>
姓名:
<input name="" type="text" size="6" datatype="chinese" lenlimit="2-4" nullable="false" alt="限2至4个中文字/符"><span></span>
</p>
<p>
年龄:
<input type="text" size="4" datatype="uint" star="false" nullable="false" />
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

姓名:

年龄:

2、提示信息颜色

单个设置提示信息颜色
<form onsubmit="alert('验证成功');return false;" place="right" >
<p>
电话:
<input type="text" datatype="mobile|tel" alt="请输入正确的电话号/码" nullable="false" bgcolor="#333" fgcolor="#ff3000">
</p>
<p>
邮箱:
<input type="text" datatype="email" nullable="false" bgcolor="#33f" fgcolor="#FF9"/>
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

电话:

邮箱:

统一设置提示信息颜色
<form onsubmit="alert('验证成功');return false;" place="right"  bgcolor="#333" fgcolor="#ff3000">
<p>
姓名:
<input name="" type="text" size="6" datatype="chinese" lenlimit="2-4" nullable="false" alt="限2至4个中文字/符"><span></span>
</p>
<p>
年龄:
<input type="text" size="4" datatype="uint" star="false" nullable="false" />
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

姓名:

年龄: