Spring form 学习之（一）--radiobuttons & checkboxes样式

本博客展示了如何通过表单元素对事故性质和事故类型进行详细的分类操作，包括使用复选框和单选按钮来选择不同的选项。

<div class="fpi-g">
			<div class="fpi-u-1">
				<div class="control-group">
					<label class="control-label danger">事故性质： </label>
					<div class="controls">
						<span style="color:#FF0000;"><form:checkboxes element="label class='checkbox'"
							items="${accNature }" path="accNature" 
							itemLabel="name" itemValue="id"/></span>
					</div>
				</div>
			</div>
		</div>
		<div class="fpi-g">
			<div class="fpi-u-1">
				<div class="control-group">
					<label class="control-label danger">事故类型： </label>
					<div class="controls">
						<span style="color:#FF0000;"><form:radiobuttons path="receive.accType.id"
						element="label class='radio'"
							items="${accTypes }" itemLabel="name" itemValue="id"/></span>
					</div>
				</div>
			</div>
		</div>

结果显示如下：

<div class="fpi-g">
			<div class="fpi-u-1">
				<div class="control-group">
					<label class="control-label danger">事故性质： </label>
					<div class="controls">
						<span style="color:#FF0000;"><form:checkboxes element="label class='checkbox' <span style="color:#3333FF;">style='margin-right:10px;'</span>"
							items="${accNature }" path="accNature" 
							itemLabel="name" itemValue="id"/></span>
					</div>
				</div>
			</div>
		</div>
		<div class="fpi-g">
			<div class="fpi-u-1">
				<div class="control-group">
					<label class="control-label danger">事故类型： </label>
					<div class="controls">
						<span style="color:#FF0000;"><form:radiobuttons path="receive.accType.id"
						element="label class='radio' <span style="color:#3366FF;">style='margin-right:4px;'</span>"
							items="${accTypes }" itemLabel="name" itemValue="id"/></span>
					</div>
				</div>
			</div>
		</div>

显示结果如下：