表格(table)表单(form)(课堂总结、练习总结)

1.表格标签:

table 表格

thead 表格头

th 元素定义表头

tbody 表格主体

tr 表格行

td 元素定义表格单元

2.colspan  属性规定单元格可横跨的列数。

3.表格样式重置

table{border-collapse:collapse;} 单元格间隙合并

th,td{padding:0;}重置单元格默认填充

4.rowspan  属性规定单元格可横跨的行数。

5.form   表单

action数据提交的地址

method提交类型

GET   POST

所有的表单控件都需要被form包裹

form可以包裹多个表单控件

text 文本框

password 密码

radio 单选

将同类型的radio设置同一个name就能达到互斥效果

checkbox 复选(多选)

submit 提交

reset  重置

button 按钮

file  上传

hidden  隐藏

键值对

name属性,提交数据时显示的字段(参数)

value属性

设置表单控件的值(页面加载就会展示)

提交数据时具体的值

6.abel  标签为 input 元素定义标注

checked  在页面加载时默认选定的 input 元素。

disabled  属性规定应该禁用 input 元素。

7.select/option 下拉选框

对高度的支持不兼容;

所设置的宽度是包含边框的大小

textarea      文本域

各个浏览器下的默认滚动条显示不兼容

今日练习

1.表格练习(图一)

出现问题:表格后两行tr应该和上边的有个空白的距离,没有做出来。

解决办法:明天老师上课讲解,认真听讲。重新再做一遍,巩固一下

图一

1.表单练习(图三)

出现问题:整个页面都是迷迷糊糊地打出来的。还是有好多问题,表单应用的不懂得,input里边可以加div吗,或者input外边可以加div吗?等等,还是有点迷迷糊糊地,不敢用表单,不敢下手写代码

解决办法:明天老师上课讲解,认真听讲。重新再做一遍,巩固一下。

图三
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,744评论 3 184
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 6,673评论 3 17
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,711评论 1 41
  • 两年前的今天,我此刻正忍受着痛苦的煎熬。也就是那一天我遇见了你。我看着你成长,看着你忍受着不得已的痛苦,看着你。...
    Delusivecity阅读 1,265评论 0 0

友情链接更多精彩内容