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

2016-02-19 21:13 10 1 收藏

今天图老师小编给大家介绍下Html:使用表单制作网页的五点技巧，平时喜欢Html:使用表单制作网页的五点技巧的朋友赶紧收藏起来吧！记得点赞哦~

【 tulaoshi.com - Web开发】

　　想必大家在页面都使用过表单，如果你对单调的表单控制单元不满意，不妨看看以下几条技巧：

　　1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中，一切就会变得简单多了，如：

textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()"Input English../textarea

　　类似的，可以加入代码到input。

　　2、表单输入单元点击删除：本列同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如：

input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''"

　　点击输入单元后，提示信息会删除，是不是很方便。

　　3、表单输入单元的边框设置：更改传统的表单单元边框，会让你的主页生色不少。如：

input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8"

　　其中"style=***"为左右上下和背景色设置，适用于其它单元，请读者亲自试试。

　　4、表单输入单元的文字设置：表单中单元的字体是可以修改的，如：

input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px

　　其中"style=***"为字体和字大小设置。

　　5、修改表单属性为弹出窗口：大多数表单激活后，会在当前页面中打开，影响正常浏览。不如修改一下，如：

form method=POST action=url target=_blank

　　其中"target=_blank"为控制在弹出窗口打开。

来源:http://www.tulaoshi.com/n/20160219/1625567.html

上一篇：玩世不恭的女人ヽ不可一世的男人
下一篇： Html:网页申请表单用户体验设计简述

看过《Html:使用表单制作网页的五点技巧》的人还看了以下文章更多>>

HTML网页制作的八条强大技巧

标签： Web开发

虽然现在有许多网页制作工具能让您轻松地完成工作，但如果使用HTML则可以得到更大控制权，下面介绍几个小技巧。 1。使用＜tt，＜i，＜br语句来控制文字排版比用＜pre好得多。如: ＜tt实用网络＜br＜i曾伟滨＜/i＜br＜/tt 2。不要用800*600的分辨率来制作网页，当浏览者用640*480看网页时，不旦会使速度减慢，还会使网页图像和...

网页文件上传表单的制作

标签： Web开发

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

HTML表单(Forms)

标签： Web开发

HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下： form action="http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp" method="get" 请输入你的姓名： input type="text" name="yourname" input type="submit" value="提交" /form ...

Html:小技巧：自动提交表单的实现方法

标签： Web开发

方法一： html head titleUntitled Document/title (1)自动提交表单: meta http-equiv="Content-Type" content="text/html; charset=gb2312" /head script language=javascript setTimeout("document.form1.submit()",10000) /script body bgcolor="#FFFFFF" text="#000000" form name="form1" method="post" action="pp.asp" ...

Html:网页制作基础技巧框架（帧窗口)间的交互

标签： Web开发

在多窗口的分帧页面中，各分窗口之间的信息交互是经常的事。在导航窗口中点了超级链接，那么如何在另一窗口中打开链接的网页呢？我在这个窗口中按下按钮，能在另一个窗口中写信息吗？窗口那么多，又如何识别窗口呢？请看下面的例子。一、在导航窗口点击链接，在另一窗口打开网页现有一分帧页面如上图所示的，A窗口是网站Log...

查看更多精彩>>