집 > 기사 > 웹 프론트엔드 > HTML 본문 태그 2의 관련 태그

HTML 본문 태그 2의 관련 태그

无忌哥哥원래의: 2018-07-12 09:52:001614검색

List tag ul ol dl

목록 태그에는 세 가지 유형이 있습니다.

unordered list ul
ordered list ol
define list dl

unordered list 62fe032a4ceae62b77f37261a445a88b , 각각 순서가 지정되지 않은 목록의 항목은 8b5f8b1972378d9df41b5958cd285f77

<body>
    <ul>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ul>
</body>

효과:
HTML 본문 태그 2의 관련 태그

참고:

li는 단독으로 존재할 수 없으며 반대로 ul로 묶어야 합니다. 리 외에 다른 건 없어.
ul의 기능은 텍스트에 작은 점을 추가하는 것이 아니라 순서가 지정되지 않은 목록에 "의미"를 추가하는 것입니다.

Attribute

type="속성 값". 속성 값을 선택할 수 있습니다: 디스크(단색 도트, 기본값), 사각형(단색 사각형 도트), 원형(빈 원)

효과는 다음과 같습니다:
HTML 본문 태그 2의 관련 태그

순서 목록 e772005f644f34e9eea3a04af80d3c72

<body>
    <ol>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ol>
</body>

Effect:
HTML 본문 태그 2의 관련 태그

속성:

type="속성 값"일 수 있습니다: 1, a, A, i, I; 숫자로 시작

정의 목록 77a76b8bf429e600a3ba0f8c0739a71a

dl에는 속성이 없습니다. dl의 하위 요소는 dt와 dd

dt만 가능합니다: 목록의 제목, 이 태그는 필수입니다
dd: 목록의 목록 항목, 작성할 필요가 없습니다

참고: dl에는 dt, dd만 있을 수 있습니다. dl

<dl>
 <dt>第一条规则</dt>
 <dd>不准睡觉</dd>
 <dd>不准交头接耳</dd>
 <dd>不准下神</dd>

 <dt>第二条规则</dt>
 <dd>可以泡妞</dd>
 <dd>可以找妹子</dd>
 <dd>可以看mv</dd>
</dl>

효과:
HTML 본문 태그 2의 관련 태그

테이블 레이블은 ee362c584bd7d2b43ec893c4c7a80c08是由每行a34de1251f0d9fe1e645927f19a896e8组成的，每行是由b6c5a531a458a2e790c1fd6421739d1c

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

b07c80056ecf46c96b12f1bb9312ec50 속성

참고: 이는 표의 내용 정렬을 설정하는 것이 아닙니다. 내용 정렬을 설정하려면 셀 레이블 32a306af3129b99e5974cacb436858d2

테이블은 행과 행으로 구성됩니다

Attributes

속성

두 개 이상의 셀을 병합하려면 나머지 셀을 삭제하고 셀 하나만 남겨야 합니다.

셀 속성:

2267aaf2f26610c28faca20abf6dd0fb 表格的标题。使用时和tr标签并列

效果：
HTML 본문 태그 2의 관련 태그

表单标签 aacd403e4f983c145a30cbf7b5a11642

表单标签用aacd403e4f983c145a30cbf7b5a11642表示，用于与服务器的交互。表单就是收集用户信息的，就是让用户填写的，选择的

属性：

name：表单的名称，用于JS来操作或控制表单时使用
id：表单的名称，用于JS来操作或控制表单时使用
action：指定表单数据的处理程序，一般是PHP
method：表单数据的提交方式，一般取值：get(默认)和 post

action属性就是表示，表单将提交到哪里。 method属性表示用什么HTTP方法提交，有get、post两种。

get提交和post提交的区别：
GET方式：
将表单数据，以"name=value"形式追加到action指定的处理程序的后面，两者间用"?"隔开，每一个表单的"name=value"间用"&"号隔开。
特点：只适合提交少量信息，并且不太安全(不要提交敏感数据)、提交的数据类型只限于ASCII字符。

POST方式：
将表单数据直接发送(隐藏)到action指定的处理程序。POST发送的数据不可见。Action指定的处理程序可以获取到表单数据。
特点：可以提交海量信息，相对来说安全一些，提交的数据格式是多样的(Word、Excel、rar、img)。

Enctype：
表单数据的编码方式(加密方式)，取值可以是：application/x-www-form-urlencoded、multipart/form-data。Enctype只能在POST方式下使用。

Application/x-www-form-urlencoded：默认加密方式，除了上传文件之外的数据都可以
Multipart/form-data：上传附件时，必须使用这种编码方式。

2fbe6547fcb2fa6a5faf70a81ceaf6e4 输入标签(文本框)

用于接收用户输入

<input type=&#39;text&#39; />

属性：

type="text"：文本类型。属性值可以为：

注：如果要限制上传文件的类型，需要配合JS来实现验证，对上传文件的安全检查：一是扩展名的检查，二是文件数据内的检查
text(默认)：文本类型
password：密码类型
radio：单选按钮，名字相同的按钮作为一组进行单选(单选按钮，天生不能互斥，如果想要互斥，必须要有相同的name属性)
checkbox：多选按钮，名字相同的按钮作为一组进行选择
checked：将单选按钮或多选按钮默认处于选择状态。当2fbe6547fcb2fa6a5faf70a81ceaf6e4标签的type="radio"时，可以用这个属性，属性值也是checked
hidden：隐藏框，在表单中包含不希望用户看见的信息
button：普通按钮，结合JS代码进行使用
submit：提交按钮，传送当前表单的数据给服务器或者其他程序处理，这个按钮不需要写value自动就会有"提交"文字，点击按钮后，这个表单就会被提交到form标签的action属性中指定的我那个页面区
reset：重置按钮，清空当前表单的内容，并设置为最初的默认值
image：图片按钮，和提交按钮的功能完全一致，只不过图片按钮可以显示图片
file：文件选择框

value="内容"：文本框里的默认内容
size="50"：表示文本框可以显示五十个字符，一个英文或一个中文都算一个字符

注：size属性值的单位不是像素
readonly：文本框只读，不能编辑。因为它的属性值是readonly,所以属性值可以不写
disabled：文本框只读，不能编辑。光标点不进去，属性值可以不写

ca491644bd2349280e1e41419c425cd1 下拉列表选项

ca491644bd2349280e1e41419c425cd1标签里面的每一项都用6145f33966b90784c7b3e5b3c85cfa72表示，select是"选择"，option是
"选项"

ca491644bd2349280e1e41419c425cd1属性：

mutiple：可以对下啦列表中的选项进行多选，没有属性值
size=""：如果属性值大于 1，则列表为滚动视图，默认属性值为1，即下拉视图

6145f33966b90784c7b3e5b3c85cfa72属性：

selected：预选中。没有属性值

    <form>
        <select>
            <option>小学</option>
            <option>初中</option>
            <option>高中</option>
            <option>大学</option>
            <option selected="">研究生</option>
        </select>
        <br><br><br>

        <select size="3">
            <option>小学</option>
            <option>初中</option>
            <option>高中</option>
            <option>大学</option>
            <option>研究生</option>
        </select>
        <br><br><br>

        <select multiple="">
            <option>小学</option>
            <option>初中</option>
            <option selected="">高中</option>
            <option selected="">大学</option>
            <option>研究生</option>
        </select>
        <br><br><br>

    </form>

效果：
HTML 본문 태그 2의 관련 태그

4a55f460a623d0bd1d07dc5136228f78 多行文本输入框

text是"文本"，area是"区域"

属性：

value：提交给服务器的值
rows=""：指定文本区域的行数
cols=""：指定文本区域的列数
readonly：只读

<form>
        <textarea name="txtInfo" rows="4" cols="20">路飞学城</textarea>
</form>

HTML 본문 태그 2의 관련 태그

위 내용은 HTML 본문 태그 2의 관련 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html 数据类型 select checkbox JS 外边距 border background input ASCII ul table td tr li http excel word

성명：

이전 기사：충격! HTML5 블록체인 게임 얼라이언스가 설립되어 10억 개발 기금이 조성되었습니다!다음 기사：충격! HTML5 블록체인 게임 얼라이언스가 설립되어 10억 개발 기금이 조성되었습니다!

HTML 본문 태그 2의 관련 태그

List tag ul ol dl

unordered list 62fe032a4ceae62b77f37261a445a88b , 각각 순서가 지정되지 않은 목록의 항목은 8b5f8b1972378d9df41b5958cd285f77

순서 목록 e772005f644f34e9eea3a04af80d3c72

정의 목록 77a76b8bf429e600a3ba0f8c0739a71a

테이블 레이블은 ee362c584bd7d2b43ec893c4c7a80c08是由每行a34de1251f0d9fe1e645927f19a896e8组成的，每行是由b6c5a531a458a2e790c1fd6421739d1c<table> <tr> <td></td> <td></td> <td></td> </tr> </table>b07c80056ecf46c96b12f1bb9312ec50 속성

테이블은 행과 행으로 구성됩니다

두 개 이상의 셀을 병합하려면 나머지 셀을 삭제하고 셀 하나만 남겨야 합니다.

2267aaf2f26610c28faca20abf6dd0fb 表格的标题。使用时和tr标签并列

表单标签 aacd403e4f983c145a30cbf7b5a11642

2fbe6547fcb2fa6a5faf70a81ceaf6e4 输入标签(文本框)

ca491644bd2349280e1e41419c425cd1 下拉列表选项

4a55f460a623d0bd1d07dc5136228f78 多行文本输入框

관련 기사

테이블 레이블은 ee362c584bd7d2b43ec893c4c7a80c08是由每行`a34de1251f0d9fe1e645927f19a896e8`组成的，每行是由`b6c5a531a458a2e790c1fd6421739d1c`
<table> <tr> <td></td> <td></td> <td></td> </tr> </table>

b07c80056ecf46c96b12f1bb9312ec50 속성