1117网页基础--表单

表单

一、作用:表单(Form)作为网页与用户接触最直接、最频繁的页面元素,其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能,用于吸引新用户,留住新用户的重要工具。如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低。 
可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁。 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本)。不使用处理脚本就不能搜集表单数据。

二、格式

三、分类

1、文本输入:(文本框、密码框、文本域、隐藏域)

2、按钮(提交按钮、重置按钮、普通按钮、图片按钮)

3、选择输入(单选按钮组、复选按钮组、文件上传、下拉列表框)

4、label标签

1)格式:<label for=""></label>

2)作用:<label>标签为input 元素定义标注(标记)。

label元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在label元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label>标签的for属性应当与相关元素的id属性相同。

5、汇总效果图:

时间: 2024-08-09 02:18:16

1117网页基础--表单的相关文章

11-17网页基础--表单

1.3.2 表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理

Dreamweaver 网页基础--表单 及框架

1.3.2 表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理

Bootstrap系列 -- 11. 基础表单

表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱

HTML基础表单

HTML基础表单 1.表单标签 标签 描述 form:定义供用户输入的表单 input:定义输入域 textarea :定义文本域 (一个多行的输入控件) label :定义一个控制的标签 fieldset :定义域 legend :定义域的标题 select:定义一个选择列表 option :定义下拉列表中的选项 button :定义一个按钮 hoden:隐藏 submit:自带提交按钮 reset:重置 date:日期 radio:单选 checkbox:复选 number:数字 email

bootstrap 基础表单 内联表单 横向表单

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </head> <body> <p c

web网页的表单排版利器--960css

http://www.cnblogs.com/birdwawe/p/4062106.html 表单排版样式 960css 前言 一般web网页的表单排版,大家都习惯用table排版,自己需要根据实际需要去定义TR和TD,很多时候对于TD的高宽度.是否合并行,合并列,都要去做一些处理,这些都是比较繁琐的工作.找到一个表单排版的替代工具,提前定义好CSS样式,无疑可以减轻我们的这些工作. 下面简单一个一个表单排本CSS框架,960css. 960css目录结构 (其中960分为fixed和fluid

网页禁用表单的自动完成功能禁用密码自动填充autocomplete

网页中表单的自动完成功能,有时候很方便,但是有时候并不想让浏览器记忆表单,比如禁用密码域自动填充功能, 网页禁用表单的自动完成功能是由input元素的autocomplete属性控制,关闭表单的自动完成就是设置autocomplete="off",默认是就是开的值为on 关闭密码域的自动完成: <input type="password" name="password" autocomplete="off"> 关闭

11-17网页基础--框架、表单

第三课时 一.框架 1.frameset [注意事项]在使用框架时,它的功能和<body>是并列的,不能跟<body>...</body>一起使用,所以<frame>...</frame>和<body>...</body>要分别放在不同的html文件中. 1)书写格式:<frameset rows="100,*" frameborder="no">  --rows指上下分

JS基础-表单元素-新表单元素-js概述

1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏域中. 2.文件选择框 <input type="file"> 注意: 1.method属性的值必须为post 2.enctype属性的值必须为multipart/form-data 2.textarea元素 1.作用 允许输入多行数据的文本框. 2.语法 标记:<tex