Web front-end --Html commonly used tags and attributes

html

Title and other common label is not recorded, but it is relatively rare record labels and attributes

Form table

• td cells
• Tr table row
• th header

td or th following two properties can be reached across columns or interbank

• Form interbank rowspan
• Cross-column table colspan

example:

<!--cellspacing 单元格间距 cellpadding单元格边距  -->
<table border="1" cellspacing="0" cellpadding="0">
    <tr><th colspan="2">Header</th></tr>
    <tr><td>Data</td><td>Data</td></tr>
</table>

effect:

Header
Data	Data

Marquee marquee tag

marquee label Marquee effect

• scrolldelay movement speed
• vertical and horizontal direction with a moving direction of the up down left right
• behavior scroll way scroll: rolling cycle, the default effect; slide: Scroll only once stopped; alternate: scroll back and forth alternately
• scrollamount moving speed of the moving distance of each pixel
• scrolldelay rolling roll set delay time interval, in milliseconds

Code:

<marquee>
    <p>hello world!this is marquee!</p>
</marquee>

effect:

hello world!this is marquee!

marquee reference links

Forms form

Code:

<!-- 文字和输入框居中对齐 -->
<label fro="username">用户名<input id="username" type="text">

Effect:
Username:

Form elements:

• input single line input box, depending on the type attribute, may be changed to various forms
  of different type styles reference links
• select the drop-down selection
• multi-line input box textarea
• Button button

Common attributes:

• The required label must be filled
• minlength input shortest length
• input maxlength longest length
• readonly read-only, can not click, you can copy
• disable disabled, the background color of gray, not clickable, can not be copied

Used minlengthor maxlengthmouse will prompt suspension of the boxes

This minimum length is 4, the maximum length of 6
This is a mailbox entry box

• get: plain text, bookmarking, submission limited amount of data
• post: cipher text, file upload requirements

如果要做文件上传表单数据的编码方式必须是：multipart/form-data
    <form method="post" enctype="multipart/form-data">;
    //例如：
    <form action="servlet/upload" method="post" enctype="multipart/form-data">
        <br><br>
        文件(file): <input type="file" name="upload">
        <br>
        <br>
        <button type="submit">上传</button>
    
        <br><br>
        ajax：异步请求
    </form>

html form reference links

Frame frameset

frameset properties:

• rows are divided into a few lines
• rows="20%,80%" rows="20%,*"
• cols divided into several columns

frame attributes:

• scrolling the scroll bar is displayed no, 1 (yes)
• src corresponding html page definition

frame set name.a tag specifies the target frame for a name, will open a new page where the frame