20191105 study concluded
(a) list merge
1.colspan: horizontal merger, columns into
2.rowspan: vertical integration, are consolidated
3.th: header will appear in bold, while the pattern center
TD
TH TR → ..... →
TD
TD
TR → .....
TD
4. Table → → .......... tbody
TD
TR → .....
TD
TD
tfoot TH → ..... →
TD
5.border-collapse: collapse; double-line frame into a single solid line.
Borders collapse
6. * compared to flex, the limitations of a large table layout.
(Ii) Form: form
1. <form action = "#" method = "GET">
method Submit action filed path method GET / POST
<imput type = "text" placeholder = "prompt text">
text box
"password" maxlength = "6"
the maximum length of a password is entered. 6
......
"Submit"
submit button
<imput type = "button" value = " button on the character">
<button> word button </ button>
submit button initiates the
<input type = "reset">
reset, but not equal to empty.
2. Choose one
<lable for = "male"> M </ Lable>
<the INPUT of the type = "Radio" name = "Gender" the above mentioned id = "MALE">
<lable for = "male"> female </ Lable>
< input type = "radio"
name = "gender" id = " female"> men and women a second election, more friendly interaction, you can click on the text.
lable not form controls, just to interact, click to expand the scope.
3. Select the item
n1 <input type = "checkbox" name = "...">
and more options
n2 <input type = "checkbox" name = "..." checked>
Special Properties | iconic property (which is the default hook election)
n2 default check
4. The flag attribute
form followed by expression in readonly, for read-only, represents only look, can not be changed.
form expression was followed by the disabled, disable.
checked
The drop-down list
<the SELECT>
<the Option value = ""> Beijing </ the Option>
<the Option value = ""> Tianjin </ the Option>
<the Option value = ""> Tokyo </ the Option>
</ the SELECT>
6. The multi-line text boxes
<TextArea cols = "30" rows = "10">
</ TextArea>
variable text box frame
provided in resize css: none;
border immutable textbox
7. Upload file
<input type = "file">
New controls (C) Html5 of
1.color
2.Email
3.date
(4) concealing
1.display: none Even the location is not reserved
2.visiblity: hidden position reserved
3.rgba (,,, a) a representation of transparency, 0 to hide.
4.opacity = 0 indicates transparency, can be used to hide the elements (generally not used).
(E) overflow hidden
overflow: hidden;
Meng territory:
Translation: All Linear .5s to 0.5 seconds transition
cursor: pointer hand type
4.