html中的for标签，前端开发工程师如何使用Table标签与Form表单标签？_html标签

资料来源：网络整理时间：2023/3/4 1:01:50 共计：3602 浏览

先理解语义再谈使用。

Table标签顾名思义，用来展示格式化数据。但是也会经常用来做布局，原因是各种对齐、居中和宽高控制很容易，而且兼容性好（比如导出PDF、word等）。

Form用来做交互并收集用户数据，有文本输入框、单选复选框和文件按钮等表单元素，HTML5中又增加了很多新的表单元素，比如日期。

所以Table展示数据，Form输入数据。按语义使用他们的好处是网页结构清晰（去掉CSS也能良好展示）、有利于SEO、减少代码差异易于维护、利于设备解析（比如盲人阅读、移动设备等）。所有有了这个指导思想，下面就是学习具体使用，第一步了解它们有哪些标签、属性并理解含义，第二步骤结合CSS3/AJAX，设计出好的用户体验。这些展开会是很大的篇幅，建议花时间自学。首选http://www.w3school.com.cn/html/

希望能帮到你！

你用的什么浏览器?我这里IE9和FF都是没问题的,你现在这个用的for/in循环就是说item每次是data中的一个对象,第一次是name:'abc',第二次value:'123'

1、新建一个html代码页面，然后创建一个点击按钮标签和一个用于存放循环内容的div标签。代码：<button>点击跳出循环</button><div id="cont"></div>

2、创建点击时触发循环的方法。在body结束标签前创建一个<script>,然后在这个不标签里创建一个从0-9的for循环。代码：<script>function myFunction(){var num = "";for(var i=0; i<10; i++){num += "循环到"+i+"<br />";}document.querySelector("#cont").innerHTML = num}</script>

3、添加按钮点击时触发循环方法。在<button>标签上添加点击myFunction()函数。代码：<button onclick="myFunction()">点击跳出循环</button>

4、保存后使用浏览器打开，点击按钮后可看到按钮下方打印出从0-9的循环内容。

5、回到html代码页面，在for循环体使用添加一个判断语句，当循环到3的时候跳出循环体。代码：if(i==3){break;}

6、保存html代码后刷新浏览器，再点击按钮可以发现按钮下方只打印出从0-2的内容，这就表示成功使用break跳出循环体了。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：html中的asp标签，asp怎么设置边框？_html标签 | ·下一条：html标签中的this，HTML代码的标志性标签元素是？_html标签