网页制作表单元素有哪些-标签有哪些-常用框架

HTML中常用的表单元素包括：文本区域(TEXTAREA)，列表框(SELECT)，文本输入框，密码输入框，单选输入框，复选输入框，重置按钮、提交按钮、隐藏域等等。

1、文本域。

2、密码域。密码跟文本框类似，但是在里面输入的内容显示为圆点。

3、单选按钮。如男人: Male;女人：Female。

4、复选框。

5、按钮。

6、重置按钮。当点击重置按钮时，重置按钮所在的表单将全部清空，而其他表单不受影响。

7、提交按钮。当点击提交按钮时，浏览器将自动提交表单。

8、隐藏域。隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在。

9、上传域。

10、图片按钮。

11、下拉列表。例如：属性：disabled，可选值：disabled ，说明：规定禁用该下拉列表。

12、label。label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。

就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。例如，当将单选按钮放在label内。则点击label内的文字也会触发单选按钮，而不必只是点中小圆点。

13、禁用(disabled)与只读(readonly)、禁用和只读属性。readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去。

14、TextArea。

15、fieldset定义域。fieldset用于给表单元素分组，legend用于设置分组标题。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签，这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域，包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮，包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

1、div标签

是在html中布局使用最多的标签，div本身没有什么特别之处，只是div标签替代了以前table标签布局。

div 是一个块级元素，它的内容会自动地开始一个新行。

div标签作用：起分割作用，是分割内容常使用的标签。

2、p标签

标签它是一个段落标签，会自行起一行段落，并且可以作为一个盒子来使用。可以单独定义它。

3、span标签

span标签是超文本标记语言(HTML)的行内标签，被用来组合文档中的行内元素。span没有固定的格式表现。

4、a标签(超链接标签)

超链接标签，用于在效果中定义一个可以点击跳转的链接。

(1)href： 超链接跳转的路径 (必有属性)。

(2) target：该属性指定在何处显示链接的资源。 取值为标签(tab)，窗口(window)，或框架(iframe)等浏览上下文的名称或其他关键词。

(3) download：此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。

(4) rel：该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值。

5、img标签

用于在页面效果中展示一张图片。

一：上下结构式：

上方：导航条，动态公司，企业形象，广告区域。

下方：正文。

此类结构在内容较少的企业网站或个人网站较常见。

二：左右结构式(二栏式)：

左侧：导航条 ，有时最上方有一小的标题或标志。

右侧：正文。

三：上左右结构式：

上方：导航条。

下方左侧：点击出现细分栏目导航条，下方较主要的栏目及小广告等。

下方右侧：内容区域。

大中型企业较喜欢框架。

四：上左中右结构式(三栏式)：

上方：导航条。

下方左侧：细分栏目导航条及下方较主要的栏目和小广告等。

下方中：主要内容。

下方右侧：较重要内容导航区域，或登陆框，搜索区域，小广告等。

五：综合结构式：功能模块较多，信息分类详细。

六：不规则结构式：页面信息量少，通常一张形象，广告图片下来。重在渲染这个网站的气氛。类似封面类型。有点击进入下页入口。