form表单元素设置只读

 

form表单元素设置只读

CreateTime--2017年5月5日11:42:41

Author:Marydon

1.设置文本框只读

<!--  方法一：简写 -->
<input type="text" name="" value="文本框" class="" readonly/>
<!--  方法二：写全 -->
<input type="text" name="" value="文本框" class="" readonly="readonly"/>

2.设置单选框只读（禁用）

<td class="tdbiejing" nowrap="nowrap">允许调剂</td>
<td nowrap="nowrap">
    <label class="radioCss">
        <input name="isAdjust" id="" type="radio" value="" disabled
            <c:if test="${model.coumn==0 }">checked</c:if>/>
        是
    </label>                                                                        
    <label class="radioCss">
        <input name="isAdjust" id="" type="radio" value="" disabled
            <c:if test="${model==1 }">checked</c:if>/>
        否
    </label>                                                                        
</td>

3.禁用下拉列表框

<select id="" name="" nowrap="nowrap" class="TextBox" disabled>
    <option value="">选项一</option>
    <option value="">选项二</option>
    <option value="">选项三</option>
</select>

小结：

　　1.标签属性：只读readonly、禁用disabled、单选框&复选框默认选中checked、下拉列表框默认选中selected都可以简写;

　　2.设置disabled属性后，该元素的数据将无法提交，可以添加一个隐藏域

　　　　<input id="" name="" type="hidden" value="" />。

 相关推荐：

• 类似文章