Bootstrap的表格禁止编辑功能

最新推荐文章于 2025-06-03 09:10:05 发布

置顶 lry1193680771

最新推荐文章于 2025-06-03 09:10:05 发布

阅读量6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML总结

本文链接：https://blog.youkuaiyun.com/qq_34721116/article/details/80398171

HTML总结专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种通过在HTML表单外围使用fieldset标签并设置disabled属性来实现表单内容只读而无法编辑的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <fieldset disabled="disabled">
                    <div class="modal-body">
                        <div class="form-horizontal form_alpha_DataForm" id="DataForm" role="form">

                            <div class="form-group">
                                <label for="txt_Name" class="col-sm-2 ccontrol-label">客户名字</label>

                                <div class="col-sm-4">
                                    <input name="CustomerName" id="txt_Name" class="form-control FullWidthControl" type="text">
                                    <span class="input-xlarge uneditable-input">Some value here</span>
                                </div>
                                <label for="txt_PhotoPath" class="col-sm-2 ">头像</label>
                                <div class="col-sm-4">
                                    <img src="/IVStaffPhotos/10.jpg" class="UserPhotoImage" />
                                    <input name="PhotoPath" id="txt_PhotoPath" type="hidden">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="txt_Sex" class="col-sm-2 ccontrol-label">性别</label>
                                <div class="col-sm-4">
                                    <input name="Sex" id="txt_Sex" class="form-control " type="text">
                                </div>
                                <label for="txt_PhoneNumber" class="col-sm-2 ccontrol-label">手机号码</label>
                                <div class="col-sm-4">
                                    <input name="PhoneNumber" id="txt_PhoneNumber" class="form-control" type="text" value="" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="txt_FloorPlanName" class="col-sm-2 ccontrol-label">关注户型</label>
                                <div class="col-sm-4">
                                    <input name="FloorPlanName" id="txt_FloorPlanName" class="form-control" type="text" value="" />
                                </div>
                                <label for="txt_VisitNumber" class="col-sm-2 ccontrol-label">访问次数</label>
                                <div class="col-sm-4">
                                    <input name="VisitNumber" id="txt_VisitNumber" class="form-control" type="text" value="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>