• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 网页表单设计实例技巧五则

网页表单设计实例技巧五则

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含技巧,实例,设计,网页,",表单,<,单元,输入,引用等相关知识,佚名 希望在学习及工作中可以帮助到您

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

以下为引用的内容:
<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">请填入你的姓名</textarea>
类似的,可以加入代码到<input>。
2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如:
以下为引用的内容:

<input type=text name="address" size=19 value="请填入你的邮箱"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="请填入你的姓名" style=font-family:"verdana";font-size:10px >
其中"style=***"为字体和字大小设置。
5、修改表单属性为弹出窗口:大多数表单激活后,会在当前页面中打开,影响正常浏览。不如修改一下,如:
以下为引用的内容:
<form method=POST action=url target=_blank>
其中"target=_blank"为控制在弹出窗口打开。

您可能想查找下面的文章:

  • 缩短网页应用开发的十大省时技巧(图文教程)
  • 深层优化 提高网站的访问速度的一些技巧
  • 制作主流邮箱能正常显示的HTML邮件的技巧
  • 常用的XHTML标签的使用技巧介绍
  • 网页设计关于表单输入框的技巧代码
  • 深层优化 提高网站的访问速度的一些技巧
  • 网页表单设计实例技巧五则
  • 网页设计之网页音乐的实现技巧

相关文章

  • 2017-08-05HTML输入框优化以此来提高用户体验和易用度
  • 2017-08-05多个div中table的tdwidth设置一样也不法对齐
  • 2017-08-05Html技巧 语义化你的代码
  • 2017-08-05map标签的参数详细介绍及使用示例
  • 2017-08-05使用thead、tfoot、 tbody制作一个表格
  • 2017-08-05使select在选中/聚焦时列出所有选项目前比较好的处理方式
  • 2017-08-05概述页面中浮动与清除浮动
  • 2017-08-05HTML仿命令行界面具体实现
  • 2017-08-05HTML中div与span的区别(共同点与不同点)
  • 2017-08-05修改输入框placeholder文字默认颜色-webkit-input-placeholder方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何实现框架窗口间的关联及超链接的target属性的使用
    • HTML中禁用表单控件的两种方法readonly与disabled
    • 使用iframe在网页中嵌入其他网页的方法
    • 网页html 特殊符号 html特殊字符对照表
    • 为什么使用DOCTYPE HTML
    • html base标签 target=_parent使用介绍
    • 如何减少网页的内存使用与CPU占用
    • html知识点实践经验总结
    • 网站超级链接的打开方式探讨
    • 在js或css后加?v= 版本号不让浏览器缓存

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有