<!DOCTYPE html>
<html>
<head>
<title> Title of the document</title>
<style>
body {
text-align: center;
}
.inputField {
pointer-events: none;
}
</style>
</head>
<body>
Non-Editable:
<input class="inputField" name="input" value="W3docs">
<br>
<br> Non-Editable:
<input class="inputField" name="input" value="Non editable input">
</body>
</html>