体彩排列5双期走势图

站长网_站长创业_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: 详解HTML5表单新增属性
搜索:
您的位置: 主页 > 教程 > 网页设计 > html5 > » 正文

详解HTML5表单新增属性

来源: 易采站长站

1. 表单内元素的form属性

在H5中可以把form放到页面的任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了

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

体彩排列5双期走势图2. 表单内元素的formaction属性

在H4中,表单的提交方式

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

提交整个表单

在H5中,可以为表单的每一个属性添加提交到的jsp页面

<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>

3. 表单内元素的formmethod属性

可以对表单的每一个元素指定提交方法

<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>

4. 表单内元素的formenctype属性

同上,作用与每一个元素,代码略

5。 表单的formtarget属性

体彩排列5双期走势图同上,作用与每一个元素,代码略

6。元素的autofocus属性

为文本框、选择框和按钮控件等加上autofocus属性,画面打开时,将自动获得焦点。

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

一个页面上只能有一个控件具有autofocus属性,不能滥用

体彩排列5双期走势图7。 required属性

可以用在大多数输入用的元素,若输入的值为空则不允许提交,游览器显示文字信息提示用户必须输入内容。

8。 labels属性

可为表单所有元素添加一个lables属性,属性值为一个NodeList对象,代表该元素所绑定的标签元素所构成的集合。

Tags:
最新图文资讯
1 2 3 4 5 6
体彩排列5双期走势图相关的文章列表:
广东体育彩票36选7尾数走势图南粤风采36选7走势图福彩双色球单期走势图体彩排列5中奖规则福彩双色球折码走势图东方6 1历史开奖号码齐鲁风采23选5走势图福彩双色球走势图河南福彩22选5中奖规则体彩22选5走势图双色球开奖信息江苏体彩七位数走势图体彩排列3六码分布走势图体彩排列5和值走势图齐鲁风采23选5大小分布图福彩双色球周日走势图福彩双色球周二走势图河北福彩20选5和尾数走势图河北福彩20选5走势图体彩排列5双期走势图河南福彩22选5走势图

<script type="text/javascript"> window.onload = function () { var text = document.getElementById('text'); var btn = document.getElementById('btn'); var form = document.getElementById('form'); 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>