No Description Available
1
These kinds of input fields is mostly used in Creating and Removing Input field dynamically.
This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
onex
Tesseract js demo scan text over the image by just doing small amounts of code.
Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.
Health calculator is a collection of BMR calculator,Body Shape Calculator,Body Fat percentage calculator and Ideal weight calculator.
Calculate your Basal Metabolic Rate (BMR) with this calculator tool. Your BMR is the amount of energy you expend each day when at rest. This calculator also works out your daily calorie requirements.
Add and remove input feilds dynamically using javascript.
let input_str = {type:'text','name':"click[]",'class':'form-control',placeholder:"Enter Data..."}; $(document).ready(()=>{ let randId =1; $('.addInput').click(function(){ let str = `<div class="input-group"> <input type="${input_str.type}" name="${input_str.name}" id="adpElem${randId}" class="${input_str.class}" placeholder="${input_str.placeholder}"> <div class="input-group-prepend"> <span class="input-group-addon btn btn-danger removeInput"><i class="fa fa-minus"></i></span> </div> </div>`; $('.inputWrapper').append(str); let currentVal = $(this).parent().siblings().val(); console.log($(this).parent().siblings().val()); $('#adpElem'+randId).val(currentVal).focus(); $(this).parent().siblings().val(''); $('.removeInput').click(function(){ console.log($(this)); $(this).parents().eq(1).remove(); }); randId++; }) })
<h1 class="heading"> Create and Remove Input field dynamically by Jquery </h1> <div class="adp-box"> <div class="form-group"> <label>Main Div</label> <div class="inputWrapper"> </div> <div class="input-group"> <input type="text" class="adp-input form-control"> <div class="input-group-prepend"> <span class="input-group-addon btn btn-success addInput"><i class="fa fa-plus"></i></span> </div> </div> </div> </div>