JavaScript -- Form

-----048-Form.html-----

 <!DOCTYPE html>
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <title>标题</title>
 </head>
 <body>
 <form id="frm" name="景泰蓝" style="border:solid cyan 1px; width:300px; text-align: center" method="post" action="http://www.google.com" target="_self">
 <input type=text/><button>Click</button><br/>
 <input type=text/><button>Click</button><br/>
 <input type=text/><button>Click</button><br/>
 </form>
 <button onclick="document.getElementById('frm').submit()">提交</button>
 <button onclick="document.getElementById('frm').reset()">重置</button>
 <script type="text/javascript">
     f = document.getElementById("frm");
     s = "<ol>";
     s += "<li>可接受的字符集：" + f.acceptCharset;
     s += "<li>目标网页：" + f.action;
     s += "<li>打开位置：" + f.target;
     s += "<li>提交方式：" + f.method;
     s += "<li>编码MIME类型：" + f.enctype;
     s += "<li>表单ID：" + f.id;
     s += "<li>元素数目：" + f.length;
     s += "<li>表单名称：" + f.name;
     document.write(s);
 </script>
 </body>
 </html>