day14 knowledge
1. Table label supplement:
grouping of data rows of the
table : table header
table body
table footer
Note: There can be only one table header and table footer in a table, and can contain multiple table bodies
Column header label:
default style: text is centered left and right and bold
Table body:
css attribute (position): caption-sode: left, right, top, bottom, note: right / left There is a compatibility problem: Firefox can recognize
data column grouping :
Table css attribute addition The
adjacent cell borders are merged: (added to the table)
border-collapse:
attribute value: separate (
collapse)
Spacing between adjacent cells: (added to table)
border-spacing: attribute value (px cm)
Whether to display the cell range: (No content is, the cell is hidden)
empty-cells:
attribute value show / hide
table-layout: The
attribute value auto is the default value: width is allocated according to the content (advantages: flexibility and disadvantages: the performance consumption is relatively large)
fixed is not allocated width according to the content (advantages: low performance consumption disadvantages: low flexibility)
Second, the form control supplement:
radio button:
Note: inside the radio button: each group of radio buttons remains consistent with the name attribute value
Multi-select button (composite box):
Drop-down menu (drop-down list):
…
Multi-line text boxes: The
cols and rows attribute values are in characters.
Note: Prevent users from zooming. css attribute resize: none;
Upload file box:
Added form html attribute:
Checked = “checked”
is disabled
by default . Disabled = “disabled” is selected by default in the dropdown list
The label inside the form:
fieldset (form field set)
Function: Group the form
Features: 1. By default, borders 2. Can be nested with each other
The
role of legend (field set title) : is a title in a group of fieldset
features: under normal circumstances, placed in the first child element of the fieldest weiz