jsp----从后台传过来的数据默认展示到前台jsp页面

最新推荐文章于 2022-04-02 15:21:54 发布

原创最新推荐文章于 2022-04-02 15:21:54 发布 · 8.5k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在JSP页面中利用input标签的placeholder属性，将后台传递的数据默认展示到前台，例如将用户的userName显示在输入框内。

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

<form action="${pageContext.request.contextPath}/userInfo/edit" method="post">
<div class="top_form">
            <div class="username">
                <span>昵称：</span>
                <input type="text" name="userName" placeholder="${user.userName }"/>
            </div>
            <div class="useremail">
                <span>邮箱：</span>
                <input type="text" name="userEmail" placeholder="${user.userEmail }"/>
            </div>
            <div class="sex">
                <span>性别：</span>
                <input type="radio" value="0" name="userGender"/>男
                <input type="radio" value="1" name="userGender"/>女
            </div>
            <div class="age">
                <span>生日：</span>
                <select name="birthday" id="year" onchange="changeday()">
                    <option value="${bir[0] }">${bir[0] }</option>
                </select>
                <select name="birthday" id="month" onchange="changeday()">
                    <option value="${bir[1] }">${bir[1] }</option>
                </select>
                <select name="birthday" id="day">
                    <option value="${bir[2] }">${bir[2] }</option>
                </select>
            </div>
            <div class="edurank">
                <span>学历：</span>
                <select name="userEducation">
                    <option value="${user.userEducation }" selected="selected">${user.userEducation }</option>
                    <option value="小学">小学</option>
                    <option value="初中">初中</option>
                    <option value="高中">高中</option>
                    <option value="本科">本科</option>
                    <option value="专科">专科</option>
                    <option value="研究生">研究生</option>
                    <option value="博士生及以上">博士生及以上</option>
                </select>
            </div>
            <div class="work">
                <span>职业：</span>
                <select name="userWork">
                    <option value="${user.userWork }" selected="selected">${user.userWork }</option>
                    <option value="学生">学生</option>
                    <option value="会计">会计</option>
                    <option value="IT">IT</option>
                    <option value="医生">医生</option>
                    <option value="老师">老师</option>
                    <option value="律师">律师</option>
                    <option value="其他">其他</option>
                </select>
            </div>
            <div class="address">
                <span>地址：</span>
                <select id="cmbProvince" name="address_province"></select>    
                <select id="cmbCity" name="address_city"></select>    
                <select id="cmbArea" name="address_area"></select>    
                <script type="text/javascript">    
                    addressInit('cmbProvince', 'cmbCity', 'cmbArea');    
                </script>
            </div>
            <div class="userphone">
                <span>手机号：</span>
                <input type="text" name="userPhoneNumber" placeholder="${user.userPhoneNumber }"/>
            </div>
        </div>
        <div class="top_select">
            <div class="infor"><p>兴趣爱好</p></div>
            <div class="mixselect">
                <c:forEach items="${listPublicTypeP }" var="courseType">
                        <label class="demo--label"> 
                            <input class="demo--radio" type="checkbox" name="publicTypeName" value="${courseType.publicTypeName }"/>
                            <span class="demo--checkbox demo--radioInput"></span>${courseType.publicTypeName }
                        </label>                
                </c:forEach>
            </div>
            <div class="tijiao">
                <input type="submit" name="提交" value="保存">
            </div>
        </div>
    </form>

input 标签中添加：placeholder=”${user.userName }”