JS教程:如何制作表单自动聚焦的网页

JS教程:如何制作表单自动聚焦的网页的相关文章

• 
  制作网页评论表单

  标签：Web开发

  vadim，usabilitypost 的读者，发表过一篇很有意思的文章，《评论表单设计》。文章里说他在网上留心很久，发现了网上的大多数表单都把姓名和Email 作为必填的选项，不过作为评论表单来说和传统表单应该有区别了，除了姓名和Email外，评论项也是必不可少的，如图： vadim提到，他曾特意去观察一些有上百条评论的热门博客，他发现这些博客的评论表单的选项非常多也没有注明是否必填，很多人不得不在某些...[ 查看全文 ]

  trippizza16

  21
• 
  CSS实例教程:制作漂亮的网页表单

  标签：Web开发

  初中级练习，高手朋友们可以飘过。要求达到如下图所示的效果，各位不妨试一试~   代码如下： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" head meta http-equiv="Content-Type" content="te...[ 查看全文 ]

  695907641

  21
• 
  网页表单自动填写技术(gmail为例)

  标签：Web开发

  以下是引用片段： var ie=WScript.createobject("InternetExplorer.Application"); var args = WScript.arguments; var followme=http://www.google.com/; if(args.length0) { followme+=args(0); } ie.Navigate("https://www.google.com/accounts/Login？continue="+followme); SynchronizeIE(); var doc=ie.document; doc.forms[0].Email.value="li...[ 查看全文 ]

  此去经N1an丶

  291
• 
  网页文件上传表单的制作

  标签：Web开发

  我们平时在日常网络生活当中，上传则是一个非常重要的功能。尤其是对于那么依靠网友分享的站点来说，上传是用户体验的重要的部分，分享是web2.0时代的主流特色，随之分享而来的上传，则是其中的关键一环。 先来说说以前的上传吧，真是令人苦恼。网络速度缓慢是最直接的原因，当然在交互设计上也存在着让人崩溃的地方，没有清晰的提示和防止出错的设计，让用户使用起来非常的不便利。相信你或多或少都经历...[ 查看全文 ]

  普洱茶朵朵

  61
• 
  HTML5注册表单的自动聚焦与占位文本示例代码

  标签：Web开发

  首先看下面要使用HTML自动聚焦和占位文本的示例代码 代码如下： !DOCTYPE html 2: html head title注册帐号/title meta charset="utf-8" /head body form method="post" action="goto" fieldset id="register_information" legend新用户注册/legend ol li label for="name"邮 箱/label input type="email" id="name" name="name" /li li label for="user" 用户名/label input type="text...[ 查看全文 ]

  mimmsvvj434478

  71
• 
  关于网页表单实现和网页布局如何运用表单

  标签：Web开发

  引言 HTML表单一文中介绍了关于表单的创建和样式化的基础内容。本文提供了关于表单元素和样式的更多详细内容，以及在真实的web应用程序设计中表单是如何运用的。 本文中引入的概念 这一部分提供了关于表单实现和界面布局的新信息。 规则和标记超载 大量使用class和id标记是违反KISS（保持简洁）准则的（在CSS盒模型与基础布局一文中已经解释过了）。然而，难度大的布局却经常会在级联上遇到很多冲突这些冲...[ 查看全文 ]

  利琴a

  341
• 
  表单提交时自动复制内容到剪贴板的js代码

  标签：Web开发

  html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" title交时自动复制到剪贴板/title /head script language="JavaScript" /*功能:提交时自动复制到剪贴板 */ function copyText(obj) { ie = (document.all)? true:false if (ie){ var rng = document.body.createTextRange(); rng.moveToE...[ 查看全文 ]

  射手大雁飞翔

  581
• 
  CSS制作的三款漂亮的网页表单

  标签：Web开发

  CSS制作的三款漂亮的网页表单，点击这里学习更多CSS教程和CSS视频教程。 漂亮表单，三个颜色    演示CSS文件下载地址：http://www.webjx.com/files/soft/piaoliangbiaodan.rar [ 查看全文 ]

  一贰零七

  41
• 
  Html:使用表单制作网页的五点技巧

  标签：Web开发

  想必大家在页面都使用过表单，如果你对单调的表单控制单元不满意，不妨看看以下几条技巧： 1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中，一切就会变得简单多了，如： textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="thi...[ 查看全文 ]

  搜搜推广188

  21
• 
  制作网页表单的标签和输入区

  标签：Web开发

  重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。 有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个共同的特点变化多，表单的设计就是如此。你说见过20、30种以上不同的表单，我并不惊讶，产品需求、风格不...[ 查看全文 ]

  喇叭司机

  11
• 
  CSS教程:网页表单设计技巧

  标签：Web开发

  输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户...[ 查看全文 ]

  放大镜系在路上

  31
• 
  js常见表单应用技巧

  标签：Web开发

  显示框架内的指定位置 div style='width:300px;height:300px;'iframe src='http://163.com' style='margin:-100px;width:100%;height:100%'/iframe/div 改变文本框的属性（确定按钮） form id="form1" name="form1" method="post" action=""   input name="text" type="text" value="sdafasdfasdf" id="name"/   input&nb...[ 查看全文 ]

  规划局409

  31
• 
  网页注册表单的网页设计技巧

  标签：Web开发

  Ajax的流行给用户体验带来了很大程序的提升，而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加入，得以让我们彻底告别以往那个注册一个用户往往需要反复填写好几次表单的时代。 当然，注册用户时所需要填写的项也越来越少，说明文字也尽量的精简...[ 查看全文 ]

  不帅找你钱

  71
• 
  符合标准的js表单提交的代码

  标签：Web开发

  代码如下： script language="javascript" type="text/javascript"          document.forms["form_name"].submit(); /script [ 查看全文 ]

  武城三水

  01
• 
  AJAX支持的自动填充表单

  标签：Web开发

  jsf的一个ajax扩展项目, 其实对于使用myfaces的用户来说还有个更的选择:使用MyFaces Sandbox 中的 InputSuggestAjax   用法如下: 1.创建一个managed bean: package test; import java.util.ArrayList; import java.util.List; public class Bean {                 //In that fu...[ 查看全文 ]

  竟然注销我帐号

  01
• 
  强效、方便的表单通用检测JS 不错

  标签：Web开发

  无标题文档 JS通用表单Input检测块(IE支持) 通过自定义每一个Input的六个新属性(可省略任意个) //自定义属性解释(IE支持): //ii_chname：表示该数据的中文名称 //ii_minsize:表示允许输入的最小长度,单位字节 //ii_maxsize：表示允许输入的最大长度,单位字节 //ii_type:限制输入的数据类型，有 EN(英文),CN(中文),NUM(实数),INT(整数),DATE(短日期),EMAIL(邮件) CARD(身份证...[ 查看全文 ]

  lebing668

  31
• 
  动态网页制作必须技术：ASP和HTML表单

  标签：Web开发

  在 ASP 中，有两个很常用的集合，一个是 Request.QueryString，另一个是 Request.Form。这两个集合可以获取 HTML 表单(HTML Forms) 提交的信息。 Request.QueryString HTML 表单中的 method 有两种，一种是 get，另外一种是 post。当 HTML 表单的 method="get" 时，可以用 Request.QueryString 来获取表单提交的信息。 以下是一个让用户输入姓名的 HTML 表单示例。 form action="yournam...[ 查看全文 ]

  day林林1987

  401
• 
  JS实例:网页上图片延迟加载的JS代码

  标签：Web开发

  效果可以直接看淘宝的商品分类页、还有QQ的商城页 相关地址： 淘宝商城显示   大家如果使用firebug去查看的话就会发现，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。   实现原理   把所有需要延时加载的图片改成如下的格式...[ 查看全文 ]

  追梦赤子A

  51
• 
  网页表单“必选项”的设计思路

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  每当页面中出现洋洋洒洒的表单，用户就会开始感到头疼，有些用户就会直接选择放弃，而我想讨论的是，如何面对表单时让用户直接注意他们需要填写的必填项，减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢? 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。 41%的网站使用标签右对齐 (YouTube, Facebook, Metacafe) 30%的...[ 查看全文 ]

  9月

  61
• 
  JavaScript/JS实现自动跳出Frame

  标签：Web开发

  有时侯，你的页面会被别人的frame引用，含在别人的frame中(有时一些站点因内容不足， 会将别人的页面当作自己的一个frame,看起来像是自己本身的页面) 。你当然不会高兴， 访问者也觉得看着不方便。 用了这个js，一旦被别人frame了，会自动弹出。你就不用再担心了！ 将下代码copy入你网页body和/body中即可。 SCRIPT LANGUAGE=JAVASCRIPT!--if (top.location !== self.location) {top.location=self...[ 查看全文 ]

  欧阳修士

  61