程序员一代码搬运工
【Java学习心得和Java学习技术个人总结】

dwz常用到的一些样式

单独一行(一个dl 一行)
<dl class="nowrap">
</dl>

分行
<div class="divider"></div>

不可读
readonly="readonly"


文本框
<input name="coreCode" class="required" type="text" value="${context.coreCode }"/>



时间
<input name="startDate" id="startDate" class="required date textInput readonly" readonly="true" type="text" value="">
				<a class="inputDateButton" href="javascript:;">选择</a>



下拉框
	<select class="combox required" name="companyCode">
	<c:forEach items="${companyList }" var="company">
							<option value="${company.companyCode }"  <c:iftest="${context.insuranceCompany.companyCode eq company.companyCode}">selected="selected"</c:if>>${company.name }</option>
						</c:forEach>
	</select>

保存按钮

	<div class="formBar">
			<ul>
				<li><div class="buttonActive"><div class="buttonContent"><button type="submit">新增或更新</button></div></div></li>
				<li>
					<div class="button"><div class="buttonContent"><button type="button" class="close">取消</button></div></div>
				</li>
			</ul>
		</div>


搜索框

	<div class="panelBar">
		<ul class="toolBar">
			<li><a class="add" href="<c:url value='/manage/product/createProduct/init' />" target="navTab" rel="addProduct"><span>新增产品</span></a></li>
			<li class="line">line</li>
			<li><a class="edit" href="<c:url value='/manage/product/createProduct/{oid}' />" target="navTab" rel="updateProductTab"><span>修改产品信息</span></a></li>
			<li class="line">line</li>
			<li><a class="edit" href="<c:url value='/manage/product/uploadFilePage/{oid}' />" target="dialog" width="960" height="650" rel="uploadFilePageTab"><span>添加条款</span></a></li>
		</ul>
	</div>





文本框

<div class="pageFormContent" layouth="60" style="height: 346px; overflow: auto;">
	<fieldset>
		<legend>单行文本框</legend>
		<dl>
			<dt>普通输入框:</dt>
			<dd><input name="field1" type="text" class="textInput"></dd>
		</dl>
		<dl>
			<dt>提示信息:</dt>
			<dd><input name="field2" type="text" alt="提示信息" class="textInput" id="field2_2606"><label class="alt" for="field2_2606" style="width: 146px; top: 5px; left: 130px; opacity: 1;">提示信息</label></dd>
		</dl>
		<dl>
			<dt>必填:</dt>
			<dd><input class="required textInput" name="field3" type="text"></dd>
		</dl>
		<dl>
			<dt>错误:</dt>
			<dd><input class="error textInput" name="field4" type="text"></dd>
		</dl>
		<dl>
			<dt>只读:</dt>
			<dd><input readonly="true" name="field5" type="text" class="textInput readonly"></dd>
		</dl>
		<dl>
			<dt>禁用:</dt>
			<dd><input disabled="true" name="field6" type="text" class="textInput disabled"></dd>
		</dl>
		<dl>
			<dt>密码:</dt>
			<dd><input name="password" type="text" class="textInput"></dd>
		</dl>
	</fieldset>
	
	<fieldset>
		<legend>多行文本框(文本域)</legend>
		<dl class="nowrap">
			<dt>普通文本框:</dt>
			<dd><textarea name="textarea1" cols="80" rows="2" class="textInput"></textarea></dd>
		</dl>
		<dl class="nowrap">
			<dt>必填:</dt>
			<dd><textarea name="textarea2" class="required textInput" cols="80" rows="2"></textarea></dd>
		</dl>
		<dl class="nowrap">
			<dt>错误:</dt>
			<dd><textarea name="textarea3" class="error textInput" cols="80" rows="2"></textarea></dd>
		</dl>
		<dl class="nowrap">
			<dt>只读:</dt>
			<dd><textarea name="textarea4" readonly="true" cols="80" rows="2" class="textInput readonly"></textarea></dd>
		</dl>
		<dl class="nowrap">
			<dt>禁用:</dt>
			<dd><textarea name="textarea5" disabled="true" cols="80" rows="2" class="textInput disabled"></textarea></dd>
		</dl>
	</fieldset>
</div>

 

赞(0)
未经允许不得转载:程序员一代码搬运工 » dwz常用到的一些样式
分享到: 更多 (0)