html与css:表格与表单


表格和表单元素

表格元素

表格主要用来展示数据
表格元素的 容器使用table标签,属性:border(用于设计分隔线)

其他表格元素的标签:

thead(表头):
th(表头单元格内容)
tbody(表体),这两个都不是必须的:
tr(表体一行),
td(tr中每列单元格内容)属性:rowspan,纵向合并单元格;属性:colspan,横向 合并单元格

相关代码实现效果




    
    
    
    Document


    
学生信息管理系统
序号 姓名 年龄
序号 1 小红 3
2 小刚 4
3 小明 5

实现效果:

image-20220304170855262

表单元素

表单元素容器使用form标签
常用的标签包括有:

input:type=‘text’,action 属性:向后台提交数据,placeholder属性用于输入框提示符文本提示
input:type=‘password’
input:type=‘radio’,单选框,如果要做单选绑定,中间用name属性
input:type=‘checkout’,复选框,
input:type=‘button’,仅是个按钮
input:type=‘submit’提交按钮,里面的value属性是该按钮名称文本,可以将表单提交给后台

label :image-20220304165149418名称标签,可用id属性与input内同绑定,与input标签平行
select:image-20220304170149808折叠选择标签,与option标签连同使用设置选择内容
option:位于select标签之内

本节代码:




    
    
    
    Document


    
    

问卷调查系统

实现效果

image-20220304175033593