집 > 기사 > 웹 프론트엔드 > HTML 형식 관련 지식 설명(코드 예시)

HTML 형식 관련 지식 설명(코드 예시)

不言원래의: 2018-08-30 11:36:082424검색

이 기사는 HTML의 양식(코드 예제)에 대한 지식을 제공합니다. 이는 특정 참조 가치가 있습니다. 도움이 필요한 친구가 도움이 되기를 바랍니다.

새 브라우저 창에서 링크 열기

3499910bf9dac5ae3c52d5ede7383485 태그 기본적으로 링크된 웹페이지는 현재 브라우저 창에서 열립니다. 때로는 새 브라우저 창에서 열어야 합니다. .

<a href="目标网址" target="_blank">新的浏览器窗口打开</a>

mailto

3499910bf9dac5ae3c52d5ede7383485 태그에는 이메일 주소에 연결하는 기능도 있습니다. mailto를 사용하면 방문자가 웹사이트 관리자에게 이메일을 쉽게 보낼 수 있습니다.

mailto 이메일 주소를 입력하면 브라우저가 자동으로 기본 클라이언트 이메일 프로그램(예: OutLock)을 호출하고 수신자 상자에 수신자의 주소를 자동으로 입력합니다.

CC = 送 주소 복사 수신자 주소 뒤에 CC = 주소를 입력하시면 됩니다.

bcc=

숨은참조 주소, 수신자 주소 뒤에 bcc= 주소를 사용하면 숨은참조 주소를 입력할 수 있습니다.

여러 수신자, 참조, 숨은참조 수신자, 포인트 사용 여러 수신자의 주소를 숫자로 구분하고,

subject=

이메일 제목을 추가하려면 subject=를 사용하세요.

body

이메일 내용에는 body=를 사용하여 이메일을 추가하세요. Content

mailto 뒤에 매개변수가 여러 개 있는 경우 첫 번째 매개변수는 "?"로 시작해야 하며, 각 후속 매개변수는 "&"로 구분되어야 합니다.

<a href="mailto:123456@qq.com">发送</a>
<a href="mailto:123456@qq.com?cc=123456@qq.com">发送</a>
<a href="mainto:123456@qq.com?bcc=654321@qq.com">发送</a>
<a href="mailto:123456@qq.com;654321@qq.com">发送</a>
<a href="mailto:123456@qq.com?subject=发送电子邮件">发送</a>
<a href="mailto:123456@qq.com?body=欢迎来到HTML代码世界">发送</a>

form

사용자와 상호작용하려면 HTML 양식(form)

을 사용하세요. 양식은 브라우저에서 입력한 데이터를 서버로 전송할 수 있으므로 서버측 프로그램이 양식을 통해 전달된 데이터를 처리할 수 있습니다.

ff9c23ada1bcecdd1a0fb5d5a0f18437

: ff9c23ada1bcecdd1a0fb5d5a0f18437 태그가 시작되고 f5a47148e367a6035fd7a2faa965022e 끝납니다.

action

: 브라우저에서 입력한 데이터가

method로 전송됩니다.

: 데이터 전송 방법(get/post)

참고: 모든 양식 컨트롤(텍스트 상자, 텍스트 필드, 버튼, 라디오 상자, 확인란 등)은 레이블 사이의 ff9c23ada1bcecdd1a0fb5d5a0f18437cf5e3ab2389a833c9698f1570b10c615

태그는 4750256ae76b6b9d804861d8f69e79d3로 시작하고 40587128eee8df8f03d0b607fe983014로 끝나는 쌍으로 나타납니다.

cols

: 여러 줄 입력 필드의 열 수;

: 여러 줄 필드에 행 수를 입력하세요.

在4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014标签之间可以输入默认值。注意cols和rows这两个属性可用CSS样式的width和height来代替：col用width、row用height来代替。

<form method = "post" action="save.php">
    <label>联系我们</label>
    <textarea cols="50" rows="10">在这里输入内容。。。</textarea>
</form>

单选框、复选框

在HTML中有两种选择框，单选框和复选框，两者的区别是单选框中的选项用户只能选择一项；复选框中用户可以任意选择多项甚至全选。

type：当type="radio"时为单选框，type="checkbox"时为复选框

value：提交数据到服务器的值

name：为控件命名

checked：当设置checked="checked"时，该选项被默认选中

注意：同一组单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的用作。

下拉列表框

<option value=&#39;提交值&#39;>选项</option>

下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。

value='提交值'——>向服务器提交的值；选项——>显示的值

selected="selected"属性，则该选项就被默认选中。

下拉列表可以进行多选操作，在53ef528b06ec79ef05684370cfbe8ed2标签中设置multiple="multiple"属性，就可以实现多选功能，在window操作系统下，进行多选时按下Ctrl时同时进行单击(在Mac下使用Command+单击)，可以选择多个选项。

提交按钮和重置按钮

表单中有两种按钮可以使用，分别是提交按钮，重置按钮。

提交按钮：

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

重置按钮：

type：只有当type值设置为reset时，按钮才有重置作用

value：按钮上显示的文字

<input type="submit" value="提交">
<input type="reset" value="重置">

HTML 형식 관련 지식 설명(코드 예시)

관련 기사