El problema es que recuperas el valor del input en la carga de la página, cuando ni siquiera se ha creado.
Debes recuperar el valor cuando se produce el evento change:
`
Mi documento<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi documento</title>
</head>
<body>
<form name="f1">
<input type="text" name="nombre" onchange="document.getElementById('elemento1').innerHTML=this.value">
</form>
<br><br>
<ul>
<li id="elemento1"></li>
</ul>
</body>
</html>