HTML+CSS基础(二) html标签之表单标签和iframe-张柏沛IT博客

正文内容

HTML+CSS基础(二) html标签之表单标签和iframe

栏目:Web前端 发布时间:2019-11-12 20:32 浏览量:208

本节将展现html常用的标签中的表单和iframe以及和布局相关的标签:

 

1.表单标签

 

标签名

注释

<fieldset>

 元素可将表单内的相关元素分组。disabled,form

<lengend>

标签为 <fieldset>、<figure> 以及 <details> 元素定义标题。

<form>

标签创建供用户输入的表单。action,data,enctype,method,target

<button>

 标签定义按钮autofocus,disabled,name,type,value

<textarea>

定义一个文本区域autofocus,rows,cols,disabled,form,name,readonly

<select>

标签创建下拉列表autofocus,data,disabled,form,multiple,name

<option>

标签定义下拉列表中的一个选项。,<option> 标签也用于新元素 <datalist> 中.disabled,label,selected,value

<optgroup>

标签定义选项组。label,disabled

<datalist>

标签定义可选数据的列表.data<input list="browsers"> <datalist id="browsers">   <option value="Internet Explorer">   <option value="Opera">   <option value="Safari"> </datalist> 

<input>

标签定义输入字段,用户可在其中输入数据

 

这里着重说一下 form 这个标签,这个是表单标签,作用是提交表单数据.

其 method 属性用于指定是get传输还是post传输,一般来说,表单的提交都是一post提交为主,因为用post提交更安全,get提交的数据都会在url中显示出来;再者,使用get传输的数据量有限,而post可以提交的数据比get多很多;

其 action 属性用于指定将表单数据提交给哪一个后台脚本进行处理

其 enctype 属性一般会在需要上传文件的时候指定,指定值为, enctype="multipart/form-data",不这样设置则无法上传文件

 

2.html中的input标签

下面是input标签中的type属性,type属性不同其功能不同:

标签名

注释

标签名

注释

text

文本

date

日期

password

密文域

datetime

日期实践

radio

单选域

datetime-local

本地日期实践

checkbox

多选域

month

image

图像按钮域

week

submit

提交按钮

time

时间

reset

重置按钮

url

网址

button

按钮

eamil

邮箱

file

文件域

range

范围

hidden

隐藏域

number

数字

search

搜索域

 

 

 

3.HTML的行内框架IFRAME标签

iframe标签的作用是在自己的页面内引入别人的页面

标签名称

注释

iframe

标签创建包含另一个文档的行内框架

 

仅支持src属性

 

4.布局相关的标签

标签名称

注释

<div>

 标签定义文档中的 division/section

<span>

标签用于对文档中的行内元素进行组合。

<header>

标签定义 section 或 document 的页眉。

<nav>

标签定义导航链接的部分。

<aside>

标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

<section>

标签定义文档中的节,比如章节、页眉、页脚或文档中的其他部分

<figure>

 标签用于对元素进行组合。

<figcaption>

标签定义 figure 元素的标题。

<footer>

 标签是 HTML 5 中的新标签。

<address>

 标签为文档或 section 定义联系信息。

 

其中,在html文本中,用的最多的标签就是div,没有之一

 

关于html标签的内容到这里介绍的差不多了,由于html内容比较基础,这里并没有细说,而只是列举了出来,如果想了解详情,可以查看html手册,里面详细的介绍了所有的html标签:

https://www.w3school.com.cn/tags/index.asp

如果您需要转载,可以点击下方按钮可以进行复制粘贴;本站博客文章为原创,请转载时注明以下信息

张柏沛IT技术博客 > HTML+CSS基础(二) html标签之表单标签和iframe

热门推荐
推荐新闻