正文内容

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

栏目：Web前端系列：HTML+CSS基础系列发布时间：2019-11-12 20:32 浏览量：2741

本系列文章目录

展开/收起

本节将展现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属性不同其功能不同:

3.HTML的行内框架IFRAME标签

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

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标签:

更多内容请关注微信公众号

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