[`p r o x y]

Пример:

<script type="text/javascript">
function add_input(o){
	var inp2 = document.getElementById( 'input_2' );
	
	if ( o.value.length < 11 ){
		if ( inp2 == null || inp2.style.display == 'none' ) return;
		inp2.style.display = 'none';
		
	} else {
		if ( inp2 != null && inp2.style.display != 'none' ) return;	
		if ( inp2 == null ){
			inp2 = document.createElement( 'input' );
			inp2.type = 'text';
			inp2.name = 'input_2'; 
			inp2.id = 'input_2';
			document.getElementById( 'myForm' ).appendChild( inp2 );
		}
		inp2.style.display = 'block';
	}
}
</script>

<form action="#" id="myForm">
	<input type="text" name="input_1" onkeyup="add_input(this);" />
</form>

Создается новый input, хотя можно просто уже существующий display = none / block.