表格及表单属性

• 表格：

thead 表头
tbody 表体
tfoot 表尾
th 列标题，默认居中加粗的td
caption 表格表体，默认左右居中
colgroup span="num" 列分组

• 表格属性：

border-spacing:单元格间距，必须给table添加
border-collapse:collapse; 合并边框线，必须给table添加
border-collapse:separate; 默认值，不合并
empty-cells：show；无内容单元格，展示
empty-cells：hide；无内容单元格，隐藏
table-layout：fixed；单元格宽度固定（宽度不固定）
table-layout：auto；默认值，自适应，宽度不固定

• 表单：

action："提交地址"；
method："提交方式"； post/get
name:"表单名称";

input

 type="radio" 单选按钮
【注】同一组的name属性值必须一致才能达到互斥的效果
 checked="checked"默认选中

type="checkbox" 多选按钮
【注】name值不需要一致
disabled="disabled" 禁止选中
checked="checked" 默认选中

label绑定选中标签
【例】
<input type="radio" value="xx" name="sex" id="bj">
<label for="bj">哈哈</label>

select>option 下拉列表>下拉列表项
selected="selected"默认选中下拉

textarea多行文本输入框
cols="" 改变元素宽
rows="" 改变元素高
【注】不是px为单位，指的是容纳字符数，但是有偏差，可以通过样式修改大小
【注】默认可以拖拽大小；
resize:"none"; 禁止拖拽

fieldest>legend 表单字段集>表单字段集标题
【注】一个filedest里只有一个直接的legend，可以有多个fieldest
fieldest嵌套写法
<fieldset id="">
<legend></legend>
<fieldset id="">
<legend></legend>
</fieldset>
</fieldset>

原文链接:https://www.cnblogs.com/strongerPian/p/12456966.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有