web前端 :表格及表单属性

作者: strongerPian 更新于： 2020-03-16 20:32:45

　　表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

　　表格及表单属性

　　1表格：

　　thead表头

　　tbody表体

　　tfoot表尾

　　th列标题，默认居中加粗的td

　　caption表格表体，默认左右居中

　　colgroupspan="num"列分组

　　2表格属性：

　　border-spacing:单元格间距，必须给table添加

　　border-collapse:collapse;合并边框线，必须给table添加

　　border-collapse:separate;默认值，不合并

　　empty-cells：show；无内容单元格，展示

　　empty-cells：hide；无内容单元格，隐藏

　　table-layout：fixed；单元格宽度固定（宽度不固定）

　　table-layout：auto；默认值，自适应，宽度不固定

　　3表单：

　　action："提交地址"；

　　method："提交方式"；post/get

　　name:"表单名称";

　　input

　　type="radio"单选按钮

　　【注】同一组的name属性值必须一致才能达到互斥的效果

　　checked="checked"默认选中

　　type="checkbox"多选按钮

　　【注】name值不需要一致

　　disabled="disabled"禁止选中

　　checked="checked"默认选中

　　label绑定选中标签

　　【例】

　　哈哈

　　select>option下拉列表>下拉列表项

　　selected="selected"默认选中下拉

　　textarea多行文本输入框

　　cols=""改变元素宽

　　rows=""改变元素高

　　【注】不是px为单位，指的是容纳字符数，但是有偏差，可以通过样式修改大小

　　【注】默认可以拖拽大小；

　　resize:"none";禁止拖拽

　　fieldset>legend表单字段集>表单字段集标题

　　【注】一个filedest里只有一个直接的legend，可以有多个fieldest

　　fieldest嵌套写法

　　表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分:表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。