帮我看下这个JavaScript怎么写，顺便求个投票的柱形代码

Question

 我做的是个投票的选项增加 我想用JavaScript增加一个文本框 与我写死的三个文本框对齐 我这个老是添加在左下角 ！！！
还有就是怎么投票要做个图形 显示百分比  请问谁有类似的代码参考 我是用ssh写的 不要发asp的过来 ！！！谢谢了 ！
<ol> 
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <script>var i=3</script>
         <input type=button onclick="document.body.insertAdjacentHTML
         ('beforeEnd','<li><input type=text name='+i+' > <br/>')" value=添加新选项><br>
  </ol> 

Answer 1

<ol id="f"> 
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <li> <input type="text" name="" maxlength="19" size="25"/>
  </ol>
  <input type=button onclick="add();" value=添加新选项><br>
<script type="text/javascript">
function add(){
var li = document.createElement("li");
var i = 3;
li.innerHTML = '<input type="text" name="'+i+'"/>';
document.getElementById("f").appendChild(li);
}
</script>
自己再调吧！

Answer 2

<ol id="f">  
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <li> <input type="text" name="" maxlength="19" size="25"/>
  <li> <input type="text" name="" maxlength="19" size="25"/>
  </ol>
  <input type=button onclick="add();" value=添加新选项><br>
<script type="text/javascript">
function add(){
var li = document.createElement("li");
var i = 3;
li.innerHTML = '<input type="text" name="'+i+'"/>';
document.getElementById("xxx").appendChild(li);
}
</script>