Как установить значение по умолчанию для формы ввода вместе с заполнителем?([HTML] или [CSS])

Question

Существует ли какой-либо атрибут для <input>, такой, чтобы я мог показать placeholder, также используя набор значений по умолчанию?

Если мы используем value='10' placeholder='Input a number', то значение по умолчанию установлено, но заполнитель не отображаетсязначение по умолчанию занимает свое место.

Если мы используем только placeholder, тогда значение по умолчанию не может быть установлено.

Можно ли установить значение по умолчанию при отображении заполнителя тоже?

SO имеет много таких вопросов, но только jQuery и JavaScript

Мой демонстрационный код:

function myFunction() {
  var num1, num2;

  num1 = document.getElementById("num1").value;
  num2 = document.getElementById("num2").value;

  document.getElementById("list").innerHTML = '<br>num1 = ' + num1 + '<br>num2 = ' + num2;

  return false;
}

body {text-align: center}

<form onsubmit="return myFunction()">
  This doesn't have default value hence placeholder is shown.<br>
  <input class="input" type="number" placeholder="Enter a Number..." id='num1'><br><br> This has value hence placeholder is shown.<br>
  <input class="input" type="number" value='10' placeholder="Enter a number..." id='num2'><br><br>
  <input type="submit" value='submit'>
</form>
<div id="list"></div>

Любой чистый HTML или CSS способ установки значения по умолчанию ??