JSFiddle - React, Tailwind, and code Playground

by redoak2000

HTML

<div ng-app ng-controller="InputCtrl">
    <input id="id" type="number" ng-model="mynum1"><label for="id">{{mynum1 | number}}</label><br>
</div>

CSS

label { position: absolute; background: white; left:0px; top: 0px; cursor: pointer; }
input { position: relative; width: 200px; }
input, label { padding: 0; border: 1px solid black; width: 200px; font-family: Arial; line-height: 20px; }
input:focus + label { display: none; }

JavaScript

angular.module('test', []).controller('InputCtrl', function($scope, $filter) {
    $scope.mynum1 = 50000000;
});