具体介绍HTML5表单新增属性

<form id="testform">     <input type="text">    </form>    <textarea form="testform"></textarea>

<form action="1.jsp"></form>

<form action="1.jsp">     <input type="submit" action="1-1.jsp">提交到1页面</form>     <input type="submit" action="1-2.jsp">提交到2页面</form>     <input type="submit" action="1-3.jsp">提交到3页面</form>    </form>

<form action="1.jsp">     <input type="submit" action="1-1.jsp" formmethod="post">提交到1页面,post提交方法</form>     <input type="submit" action="1-2.jsp" formmethod="get">提交到2页面，get提交方法</form>    </form>

<input type="text" action="1-3.jsp" autofocus>提交到3页面</form>

<script type="text/javascript">        window.onload = function () {         var text = document.getElementById(&#39;text&#39;);            var btn = document.getElementById(&#39;btn&#39;);            var form = document.getElementById(&#39;form&#39;);            btn.onclick = function() {                if (text.value.trim() =="") {                 //alert(text.labels.length)                 if(text.labels.length==1) {                  var label = document.createElement("label");                  label.setAttribute("for","text");                  form.insertBefore(label,btn);                  text.labels[1].innerHTML = "请输入姓名";                  text.labels[1].setAttribute(               "style","font-size:9px;color:red");                 }                }                else if(text.labels.length>1)                 form.removeChild(text.labels[1]);                }        } </script>    <form id="form">      <label id="label" for="text">姓名：</label>     <input id="text">     <input id="btn" type="button" value="验证">    </form>

<script type="text/javascript">        function setValue() {         console.log(1);         var label =document.getElementById("label");         var textbox = label.control;         textbox.value = "231456"        }         </script>             <form>     <label id="label">      邮编：      <input id="txt_zip" maxlength="6">      <small>请输入6位数字</small>     </label>     <input type="button" value="设置默认值" onclick="setValue()">    </form>

<input type="text" palceholder="hahah">

text:<input type="text" name="greeting" list="greetings">    <!-- 使用style="display:none";将datalist元素设置为不显示 -->    <datalist id="greetings" style="display:none">     <option value="你是人">你是人</option>     <option value="你是猪">你是猪</option>     <option value="你是狗">你是狗</option>    </datalist>

<input type="text" name="greeting" list="greetings" autocomplete="on">

<script type="text/javascript">        function alertSelectionDirection() {         var control = document.forms[0][&#39;text&#39;];         var Direction = control.selectionDirection;         alert(Direction);        } </script> <form>     <input type="text" name="text">     <input type="button" value="惦记我" onclick="alertSelectionDirection()" >        </form>

  <script>        var cb = document.getElementById("cb");        //将indeterminate的属性设置为true        cb.indeterminate = true;        </script>        <input type="checkbox" indeterminate id="cb">indeterminate属性测试

<input type="image" src="img/2.png" width="23" height="23">