|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
通过大家的心得,或许能找出"怎么学html5"这个问题的答案。另,我会不定期把群里面关于技术的讨论贴到本帖,敬请关注。破洛洛文章简介:HTML5逐日一练之Form新属性的利用。
在HTML5中增添了很多新的标签和功效属性,明天我们来看一个Form表单在HTML5中新的利用办法。那末在HTML5中新到场的这个功效与之前我们利用的功效区分在那里呢?鄙人面我们有几个场景来看,你就分明啦~
假设我们必要把页面中分歧的表单位素提交,而这些表单位素又散布在HTML中的各个地位,那末Form就只能包括一切的Form标签了。
老办法:
<formid="form1"action="http://www.poluoluo.com/">
<inputid="userName"name="userName"type="text"/>
<inputid="userPwd"name="userPwd"type="password"/>
<inputid="userAge"name="userAge"type="text"/>
<inputtype="submit"value="提交"/>
</form>
可是在此Form中又包括一些不必要在此From中提交的元素(好比userAge)怎样办呢?貌似只能提交了,让背景程序员不承受此参数大概利用js把一切必要再此表单中提交的内容放进到hidden埋没地区中,然后提交,你大概会修正成以下
改进后:
<formid="form1"action="http://www.poluoluo.com/">
<inputid="hd_userName"name="userName"type="hidden"/>
<inputid="hd_userPwd"name="userPwd"type="hidden"/>
</form>
<inputid="userName"name="userName"type="text"/>
<inputid="userPwd"name="userPwd"type="password"/>
<inputid="userAge"name="userAge"type="text"/>
<inputtype="submit"value="提交"/>
嗯,如许收拾了一下是不错,能够满意我们的请求,可是js就太多了,华侈收集资本和HTTP哀求数据包,增添项目巨细,保护起来绝对对照贫苦。
HTML5的办法:
<formid="form1"action="http://www.poluoluo.com/">
<inputtype="submit"value="提交"/>
</form>
<inputid="userName"name="userName"for="form1"type="text"/>
<inputid="userPwd"name="userPwd"for="form1"type="password"/>
<inputid="userAge"name="userAge"type="text"/>
这里的for属性=表单的ID,如许一来,这些元素究竟回谁人表单就一览无余了,这个for属性,你能够了解为label中的for属性,只不外在HTML5中的这类情形下,他就属于fome1的元素了。如今再看代码,洁净利索多了,项目文件也不年夜,易于保护。
假如你有不懂的,能够也能够间接给我留言,我会尽快复兴人人的。
假如看懂这个今后,人人能够本人实习一下,把实习发下去,匡助人人一同前进!
</p>
历经多年来的停滞不前,如今全球信息网联盟(WorldWideWebConsortium,W3C)重拾HTML标准化。 |
|