110 lines
8.0 KiB
HTML
110 lines
8.0 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<title></title>
|
||
<script type="text/javascript" src="../Scripts/jquery.js"></script>
|
||
<script type="text/javascript" src="../Scripts/Verify.js"></script>
|
||
<link href="../Styles/Public.css" rel="stylesheet" type="text/css" />
|
||
</head>
|
||
<body>
|
||
<h1>设置提示信息样式</h1>
|
||
<h2>概述</h2>
|
||
<div class="desc">
|
||
<p>提示信息默认显示在控件下方，红色背景，白色字体。可以根据需要，设置提示信息显示在右侧。</p>
|
||
<p>提示信息显示在右侧，<input name="" type="text" nullable="false" <strong>place="right"</strong>/></p>
|
||
<p>设置提示信息的前景色（字体颜色）与背景色，<input type="text" datatype="email" nullable="false" <strong> bgcolor="#33f" fgcolor="#FF9"</strong>/></p>
|
||
</div>
|
||
<h2>示例</h2>
|
||
<h3>1、提示信息位置</h3>
|
||
<div class="desc">
|
||
<fieldset>
|
||
<legend>单个设置提示信息位置</legend>
|
||
<pre><form onsubmit="alert('验证成功');return false;"><br /> <p><br /> 姓名：<br /> <input name="" type="text" size="6" datatype="chinese" lenlimit="2-4" nullable="false"
|
||
alt="限2至4个中文字/符"><span>（默认显示在下方）</span><br /> </p><br /> <p><br /> 年龄：<br /> <input type="text" size="4" datatype="uint" star="false"
|
||
nullable="false" <strong>place="right"</strong> />（显示在右侧）<br /> </p><br /> <p><br /> 高身：<br /> <input type="text" size="4" datatype="uint" star="false"
|
||
nullable="false" <strong>place="top"</strong>/>cm（显示在上方）<br /> </p><br /> <p><br /> 电话：<br /> <input type="text" size="13" datatype="tel|mobile" star="false"
|
||
nullable="false" <strong>place="left"</strong> />（显示在左则）<br /> </p><br /> <p><br /> <input type="submit" name="button" class="button" value="验证表单" verify="true"/><br /> </p><br /> </form></pre>
|
||
<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>
|
||
</fieldset>
|
||
<fieldset>
|
||
<legend>统一设置提示信息位置</legend>
|
||
<pre><form onsubmit="alert('验证成功');return false;" <strong>place="right"</strong> ><br /> <p><br /> 姓名：<br /> <input name="" type="text" size="6" datatype="chinese"
|
||
lenlimit="2-4" nullable="false" alt="限2至4个中文字/符"><span></span><br /> </p><br /> <p><br /> 年龄：<br /> <input type="text" size="4" datatype="uint"
|
||
star="false" nullable="false" /><br /> </p><br /> <p><br /> <input type="submit" name="button" class="button" value="验证表单" verify="true"/><br /> </p><br /> </form></pre>
|
||
<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>
|
||
</fieldset>
|
||
</div>
|
||
<h3>2、提示信息颜色</h3>
|
||
<div class="desc">
|
||
<fieldset>
|
||
<legend>单个设置提示信息颜色</legend>
|
||
<pre><form onsubmit="alert('验证成功');return false;" place="right" ><br /> <p><br /> 电话：<br /> <input type="text" datatype="mobile|tel" alt="请输入正确的电话号/码"
|
||
nullable="false" <strong> bgcolor="#333" fgcolor="#ff3000"</strong>><br /> </p><br /> <p><br /> 邮箱：<br /> <input type="text" datatype="email" nullable="false" <strong> bgcolor="#33f" fgcolor="#FF9"</strong>/><br /> </p><br /> <p><br /> <input type="submit" name="button" class="button" value="验证表单" verify="true"/><br /> </p><br /> </form></pre>
|
||
<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>
|
||
</fieldset>
|
||
<fieldset>
|
||
<legend>统一设置提示信息颜色</legend>
|
||
<pre><form onsubmit="alert('验证成功');return false;" place="right" <strong> bgcolor="#333" fgcolor="#ff3000"</strong>><br /> <p><br /> 姓名：<br /> <input name="" type="text" size="6" datatype="chinese"
|
||
lenlimit="2-4" nullable="false" alt="限2至4个中文字/符"><span></span><br /> </p><br /> <p><br /> 年龄：<br /> <input type="text" size="4" datatype="uint" star="false" nullable="false" /><br /> </p><br /> <p><br /> <input type="submit" name="button" class="button" value="验证表单" verify="true"/><br /> </p><br /> </form></pre>
|
||
<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>
|
||
</fieldset>
|
||
</div>
|
||
</body>
|
||
</html>
|