Input

Heip block with error
Heip block with error
Drop Files Here

Note

The length of the input bar is determined by the content,and use 12 columns to control the length

In most cases, our default name is right-aligned and the input fields are left-aligned

Batch Upload

+

										
var flieList = [];
function analysisList(e,obj){
    if( obj.length<1 ){ 
        return false;
    }
    for( var i=0;i<obj.length;i++ ){
        var fileObj = obj[i];
        var name = fileObj.name;
        var itemArr = [fileObj,name];
        flieList.push(itemArr);
        var filenamehtml = '<div class="file-name-box file-new"><label class=" control-label text-left no-padding"><span class="files_name"><a>'+name+'</a></span><span class="files-del"><i class="tk-icon a-icon icon-tk-delete" onclick="delfiles(this)"></i></span></label></div>';
        $(e).before(filenamehtml);
    }
};
function delfiles(e){
    if($(e).parents(".file-name-box").hasClass("file-new")){
        var nul = $(e).parents(".file-new").index()-1;
        flieList.splice(nul,1);
    }
    $(e).parents(".file-name-box").remove();
}
function addfile(obj){
    var _this = $(obj).parents(".upload-box")
    analysisList(_this,obj.files);
}

$(".file-box").on("dragenter",function(){
    $(this).addClass("borderd");
});
$(".file-box").on("dragover",function(){
    $(this).addClass("borderd"); 
    return false;
});
$(".file-box").on("dragleave",function(){
    $(this).removeClass("borderd");
});
$(".file-box").on("drop",function(ev){
    var fs = ev.originalEvent.dataTransfer.files;
    var _this = $(this).siblings(".upload-box");
    analysisList(_this,fs);
    $(this).removeClass("borderd");
    ev.preventDefault();
    return false;
});
										
									

Different Width

Textarea

Textarea - Auto height

+

										
$(".text-auto-height").each(function(){
    var descrollheighta = $(this)[0].scrollHeight + 2;
    $(this).css("height",descrollheighta)
})
$(".text-auto-height").on("input",function(){
    $(this).css("height","28px")
    var descrollheight = $(this)[0].scrollHeight  + 2;
    $(this).css("height",descrollheight)
})
$(window).resize(function(){
    $(".text-auto-height").each(function(){
        $(this).css("height","28px")
        var descrollheighta = $(this)[0].scrollHeight + 2;
        $(this).css("height",descrollheighta)
    })
})
	
						
										
									

Select