Нет способа, которым вы могли бы программно создавать / удалять / заменять элементы DOM, используя HTML / CSS. Для этого требуется Javascript, или создание элементов вручную, даже pseudo element, как after, может сделать только очень многое, поскольку вы не можете добавить рабочий вход внутрь свойства содержимого, вот способ, который вы можете использовать в javascript
<!DOCTYPE html>
<html>
<body>
<p>Click the button to create a basic input field</p>
<button onclick="myFunction()">create</button>
<script>
function myFunction() {
var x = document.createElement("INPUT");
x.setAttribute("type", "text");
x.setAttribute("value", "this is a simple input");
document.body.appendChild(x);
}
</script>
</body>
</html>