Ajax修改界面与代码(包含富文本框,下拉,多选框,上传图片,日历控件)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="../Content/jquery-3.1.1.js"></script>
    <link href="../Content/bootstrap.css" rel="stylesheet" />

    <!--日期-->
    <script src="../Content/My97DatePicker/WdatePicker.js"></script>
    <script src="../Content/My97DatePicker/lang/en.js"></script>


    <!--富文本-->
    <script src="../Content/ueditor/ueditor.config.js"></script>
    <script src="../Content/ueditor/ueditor.all.js"></script>
    <script src="../Content/ueditor/lang/en/en.js"></script>

    <!--上传图片-->
    <script src="../Content/jquery.fileupload.js"></script>
</head>
<body>
    <table>
        <tr>
            <td>姓名</td>
            <td><input id="txtName" type="text" /></td>
        </tr>
        <tr>
            <td>年龄</td>
            <td><input id="txtAge" type="text" /></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input id="Radio1" type="radio" name="sex" checked="checked" />男
                <input id="Radio2" type="radio" name="sex" />女
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td>
                <input id="Checkbox1" type="checkbox" name="hobby" value="跑步" />跑步
                <input id="Checkbox1" type="checkbox" name="hobby" value="跳舞" />跳舞
                <input id="Checkbox1" type="checkbox" name="hobby" value="唱歌" />唱歌
                <input id="Checkbox1" type="checkbox" name="hobby" value="敲代码" />敲代码
            </td>
        </tr>
        <tr>
            <td>头像</td>
            <td><img src="" alt=""  style="width:100px;height:100px" id="img1"/>
                <input id="File1" type="file" />
            </td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td><input id="txtDate" type="text" onclick="WdatePicker()" /></td>
        </tr>
        <tr>
            <td>简介</td>
            <td><textarea id="TextArea1" rows="2" style="width:900px;height:280px" cols="20"></textarea></td>
        </tr>
        <tr>
            <td>平台</td>
            <td>
                <select id="Select1">
                    <option value="请选择">请选择</option>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input id="btnSave" class="btn-primary" type="button" value="保存" /></td>
        </tr>
    </table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/ProteaCynaroides/article/details/87885941
今日推荐