JSFiddle - React, Tailwind, and code Playground

HTML

<form class="form-inline" action="division" method="post">
					<div class="form-group">
						<label class="sr-only" for="NumberSeven">NumberSeven</label> <input
							type="number" class="form-control" id="numberSeven"
							name="numberSeven" min="-100" max="100" step="1" value="0">
					</div>
					<div class="form-group">
						<label for="nbr2"><strong> / </strong> </label> <input
							 class="form-control" id="idErreur" min="-100"
							max="100" value="0" name="numbeHeight" step="1"
						 pattern="^([^0].*)?$" title="Ce champs ne peux pas Ă«tre 0" > 
					</div>
					<button type="submit" class="btn btn-primary">Submit</button>
				</form>

CSS

input[pattern]:invalid {
	color: red;
}