easy ui 表单元素input控件后面加说明(红色)

  <%-- 上传图片到图库基本信息且将图片关联到图集 开始--%>
    <div id="win_AddPicLib" class="easyui-window" title="添加图片信息" data-options="top:‘30%‘" style="width: 800px; height: 350; padding: 5px;">
        <div style="padding: 10px">
            <form id="addPicLibForm" class="easyui-form" method="post">
                <table style="width: 100%;">
                    <tr>
                        <td>分组名称:</td>
                        <td>
                            <input class="easyui-textbox" type="text" id="GroupName" name="GroupName" data-options="required:true" style="width: 200px;">
                            <span style="color: red;">这个需要手动输入.</span>
                    </tr>
                    <tr>
                        <td>上传图片:</td>
                        <td>
                            <input class="easyui-textbox" data-options="required:true" type="text" id="PicLibUrl" name="PicLibUrl" style="width: 400px;" />
                            <a id="btn_UploadPic" class="easyui-linkbutton" data-options="iconCls:‘icon-arrow-up‘">上传图片</a>
                        </td>
                    </tr>
                    <tr>
                        <td>图片名称:</td>
                        <td>
                            <input class="easyui-textbox" type="text" id="PicName" name="PicName" data-options="required:true" style="width: 200px;">
                            <span style="color: red;">这个不需要手动输入.</span>
                    </tr>
                    <tr>
                        <td>图片大小:</td>
                        <td>
                            <input class="easyui-textbox" type="text" id="PicSize" name="PicSize" data-options="required:true" style="width: 200px;">
                            <span style="color: red;">这个不需要手动输入.</span>
                    </tr>
                    <tr>
                        <td>图片排序:</td>
                        <td>
                            <input class="easyui-textbox" type="text" id="DisplayOrder" name="DisplayOrder" data-options="required:true" style="width: 200px;">
                            <span style="color: red;">这个需要手动输入.</span>
                    </tr>
                    <tr>
                        <td>关键字:</td>
                        <td>
                            <input class="easyui-textbox" type="text" id="Keywords" name="Keywords" data-options="required:true" style="width: 200px;">
                            <span style="color: red;">这个需要手动输入.</span>
                    </tr>
                    <tr>
                        <td>图片说明:</td>
                        <td>
                            <input class="easyui-textbox" type="text" id="PicInfo" name="PicInfo" data-options="required:true,multiline:true" style="height: 60px; width: 200px;">
                            <span style="color: red;">这个需要手动输入.</span>
                    </tr>
                </table>
                <input id="PicUrl" name="PicUrl" type="hidden" value="" />
                <input id="MemberID" name="MemberID" type="hidden" value="1" />
            </form>
        </div>
        <div style="text-align: right; padding: 5px;">
            <a id="btn_add_PicLib" name="btn_add_PicLib" class="easyui-linkbutton" data-options="iconCls:‘icon-ok‘" href="javascript:void(0)">添加</a>
            <a id="btn_update_PicLib" name="btn_update_PicLib" class="easyui-linkbutton" data-options="iconCls:‘icon-ok‘" href="javascript:void(0)">保存</a>
            <a id="btn_cancel_PicLib" name="btn_cancel_PicLib" class="easyui-linkbutton" data-options="iconCls:‘icon-cancel‘" href="javascript:void(0)">取消</a>
        </div>

    </div>
    <%-- 上传图片到图库基本信息且将图片关联到图集 结束--%>
时间: 2024-08-28 07:08:00

easy ui 表单元素input控件后面加说明(红色)的相关文章

2017年12月17日 ASP.NET 12个表单元素&amp;&amp;简单控件/复合控件

12个表单元素可以分为三大类 第一类:文本类 <input type = "text" /> //普通文本框 <input type = "password" /> //密码文本框 <input type = "hidden" /> //隐藏域 <textrea></textrea> //可变动文本框 第二类:按钮类 <input type = "button"

(三)关于kendo IU表单form各类控件的数据绑定

=====================input textarea============================= <div id="view"> <input data-bind="value: inputValue" /> <textarea data-bind="value: textareaValue"></textarea> </div> <script&g

Html5之基础-9 HTML表单、其他控件、其他常用标记

一.表单概述 表单的作用 (1) 表单用于显示.收集信息,并提交信息到服务器 (2) 表单有两个基本部分 - 实现数据交互的可见的界面元素,比如文本框或按钮 - 提交后的表单处理 (3) 页面元素 - 使用 <form> 元素创建表单 - 在 <form> 元素中添加其他表单可以包含的控件元素 如图: 表单元素 <form> (1) 定义表单:使用成对的 <form></form>标记 (2) 主要属性 - action:  定义表单被提交时发生

[转]html5表单上传控件Files API

表单上传控件:<input type="file" />(IE9及以下不支持下面这些功能,其它浏览器最新版本均已支持.) 1.允许上传文件数量 允许选择多个文件:<input type="file" multiple> 只允许上传一个文件:<input  type="file" single> 2.上传指定的文件格式 <input type="file" accept="im

响应式的账号登录界面模板完整代码,内置form表单和js控件

响应式的账号登录界面模板,内置form表单和js控件 1 <!DOCTYPE html> 2 <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 3 4 <link type="text/css" rel="styleSheet"

.Net Core使用视图组件(ViewComponent)封装表单文本框控件

实例程序的界面效果如下图所示: 在表单中的搜索条件有姓名,学号,成绩.他们在一行中按照水平三等分排列. 在cshtml中用html实现上述表单效果的的代码如下: 1 <form class="form-horizontal" role="form"> 2 <div class="row"> 3 <div class="form-group col-md-4"> 4 <label for

javascript实现的动态添加表单元素input,button等(appendChild)

写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程! 我想各位在很多网站上都看到过类似的效果! 1.先用document.createElement方法创建一个input元素! 代码如下: var newInput = document.createElement("input"); 2.设定相关属性,如name,type等 代码如下: newInput.type=mytype;   newInput.name="input1"; 3.用append

深入浅出ExtJS 第四章 表单与输入控件(未完)

1 4.1 制作表单 2 var form = new Ext.form.FormPanel({ 3 title:'form', 4 defaultType:'textfield', 5 buttonAlign:'center', 6 frame:true, 7 width:220, 8 fieldDefaults:{ 9 labelAlign:'right', 10 labelWidth:70 11 }, 12 tiems:[{ //子组件; 13 fieldLabel:'文本框' //文本框

Extjs4——表单与输入控件

1.表单的简单形式: var form = new Ext.form.FormPanel({ title: 'form', defaultType: 'textfield', buttonAlign: 'center', frame: true, width: 220, fieldDefaults: { labelAlign: 'right', labelWidth: 70 }, items: [{ fieldLabel: '文本框' }], buttons: [{ text: '按钮' }]