JSFiddle - React, Tailwind, and code Playground

by KyleMuir

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<ul>
    <li class="extra_contact_info">
        <ul class="new_option"></ul>
    </li>
</ul>

CSS

body {
    font-family: Arial;
}
ul {
    list-style: none;
}

JavaScript

var item = _.template("<li><label><%= label%></label><br/><input type='tel' pattern='[0-9]{10}' class='added_phone' name='' value='' autocomplete='off' maxlength='20' /></li>");

var mobile_phone = item({
    label: 'Mobile Phone'
});;

$('.new_option').append(mobile_phone);