选择周几默认周一
<form:select path="weekDate" class="input-xlarge required" maxlength="25" cssStyle="width: 122px;" >
<form:option value="周一" label="周一" onkeydown="true"/>
<form:option value="周二" label="周二"/>
<form:option value="周三" label="周三"/>
<form:option value="周四" label="周四"/>
<form:option value="周五" label="周五"/>
<form:option value="周六" label="周六"/>
<form:option value="周日" label="周日"/>
</form:select>
选择日期
<label class="control-label">日期:</label>
<div class="controls">
<%-- <form:input path="times" htmlEscape="false" maxlength="25" class="input-xlarge required" readonly="true"/>--%>
<form:input path="times" htmlEscape="false" class="input-xlarge required"
onclick="WdatePicker({dateFmt:'MM.dd'})" />
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
选择节日
<label class="control-label">节日类型:</label>
<div class="controls">
<%--<form:input path="festivalType" htmlEscape="false" maxlength="25" class="input-xlarge required" readonly="true"/>--%>
<form:select path="festivalType" class="input-mini" cssStyle="width: 122px;">
<form:option value="春节" label="春节" onkeydown="true"/>
<form:option value="清明节" label="清明节"/>
<form:option value="劳动节" label="劳动节"/>
<form:option value="端午节" label="端午节"/>
<form:option value="中秋节" label="中秋节"/>
<form:option value="国庆节" label="国庆节"/>
</form:select>
选择几月
<form:select path="monthId" class="input-mini" cssStyle="width: 122px;">
<form:option value="1" label="一月" onkeydown="true"/>
<form:option value="2" label="二月"/>
<form:option value="3" label="三月"/>
<form:option value="4" label="四月"/>
<form:option value="5" label="五月"/>
<form:option value="6" label="六月"/>
<form:option value="7" label="七月"/>
<form:option value="8" label="八月"/>
<form:option value="9" label="九月"/>
<form:option value="10" label="十月"/>
<form:option value="11" label="十一月"/>
<form:option value="12" label="十二月"/>
</form:select>
判断数据是否为空
<c:choose>
<c:when test="${tourismWeMediaAttention.fansVolumLastweek==null}">
${tourismWeMediaAttention.fansVolumLastweek}
</c:when>
<c:otherwise>
${tourismWeMediaAttention.fansVolumLastweek}(万人)
</c:otherwise>
</c:choose>
选择天气情况
<form:select path="scienceAir" htmlEscape="false" maxlength="25" >
<form:option value="晴" label="晴" onkeydown="true"/>
<form:option value="多云" label="多云"/>
<form:option value="雨" label="雨"/>
</form:select>
选择设置好的字典里的字段
<form:select path="incomeItems" class="input-xlarge required">
<form:option value="" label=""/>
<form:options items="${fns:getDictList('incomeItems')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</form:select>
输入提示
<span class="help-inline">轻微区3.5~5、较轻区2.5~3.5、重点区1.5~2.5、强烈区0~1.5 </span>
<span class="help-inline"><font color="red">前台只展示前6条数据</font> </span>
只能输入数字
onkeyup="value=value.replace(/[^\d]/g,'')"
onkeyup="this.value=this.value.replace(/\D/g,'')"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"
<span class="help-inline"><font color="red">*</font> 只能输入中文、英文、数字、@符号和.符号</span>
onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
不能为空
onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"
排序
ORDER BY roadValue DESC
只读
readonly="true"
日期格式
<fmt:formatDate value="${tourismWarning.warningTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
最小值为0
min="0"
突发事件类型选择
<form:select path="warningType" class="input-xlarge required" maxlength="25" cssStyle="width: 122px;" >
<form:option value="地址灾害气象预警" label="地址灾害气象预警" onkeydown="true"/>
<form:option value="突发事件" label="突发事件"/>
<form:option value="景区容量预警" label="景区容量预警"/>
<form:option value="景区周边道路预警" label="景区周边道路预警"/>
</form:select>
值不够位数 前面自动补零
<td>
<fmt:formatNumber type="number"
pattern="00000000" value="${tourismIndexNum.todayNum}" />
<%--${tourismIndexNum.todayNum}--%>
</td>
环比下降数值前加"-"(%)
行号
<c:forEach varStatus="status" items="${page1.list}" var="tourismWarningContact">
${status.index}从0开始
${status.count}从1开始
</c:forEach>
默认到小数点后两位
placeholder="默认到小数点后两位" onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" maxlength="9" min="0"
年份
<div class="control-group">
<label class="control-label">年份:</label>
<div class="controls">
<form:input path="nyear" htmlEscape="false" class="input-xlarge number required" onclick="WdatePicker({dateFmt:'yyyy',minDate:'1900',maxDate:'2099'})" />
</div>
</div>
清空月份选择
onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"`
举例 placeholder=“如:陕西**公司物流配送建设工程”
选择单位
<div class="control-group">
<label class="control-label">已完成投资:</label>
<div class="controls">
<form:input path="cutOff" id="cutOff" htmlEscape="false" class="input-xlarge number required" placeholder="默认到小数点后两位" onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" onblur="validateCutOff()"/><span class="help-inline"><font color="red">*<span class="tip" id="tip"></span></font></span>
<label>单位:</label>
<form:select path="unit" id="unit" class="input-mini" cssStyle="width: 122px;">
<form:option value="万元" label="万元"/>
<form:option value="元" label="元"/>
<%--<form:option value="%" label="%"/>--%>
</form:select>
</div>
</div>
图片上传
<div class="control-group">
<label class="control-label">头像图片:</label>
<div class="controls">
<input name="picture" onchange="yesno(this)"
style="background-color: white;
border:1px solid lightgrey;
width: 280px" type="file"
htmlEscape="false"
accept=".jpg,.png,.gif"
class="input-xlarge
<c:if test="${modifyFlg ne 'modifyFlg'}"></c:if>"/>
<c:if test="${modifyFlg eq 'modifyFlg'}">
<input type="hidden" name="pictureaddress" />
</c:if>
</div>
</div>
宽度设置
cssStyle="width: 60%"