首页 javaWEB dwz常用到的一些样式

dwz常用到的一些样式

单独一行(一个dl 一行) <dl class=”nowrap”> </dl> 分行 <d…

单独一行(一个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>

 

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

为您推荐

nodejs 整理记录

nodejs 整理记录

下载包 https://blog.csdn.net/m0_59878114/article/details/120274...
websocket测试html

websocket测试html

<!DOCTYPE html> <html> <head> <meta cha...
bigdemical两个数比较大小

bigdemical两个数比较大小

/*int result = bigdemical1.compareTo(bigdemical2) result = -...
Beetl2.7 中文文档

Beetl2.7 中文文档

Beetl目前版本是2.7.23,相对于其他java模板引擎,具有功能齐全,语法直观,性能超高,以及编写的模板容易维护等...
纯CSS实现多个便签在一行展示,拖动滚动

纯CSS实现多个便签在一行展示,拖动滚动

div <h2>请注意需要在移动端预览,PC端拖拽无效果</h2> <div class=...
返回顶部