进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 网页制作 -> HTML/CSS -> 文章内容  
用好HTML表单的文本框







表单的文本框分为单行文本框和多行文本框,故名思义,单行文本框用于输入一些简短的信息,如:姓名、E_mail地址、口令等等;多行文本框用于输入内容较长的信息,如:用户意见、评论、留言等。只要你理解了表单的文本框参数的含义,制作接收信息的文本框是不难的,请看下面的例子。

www.goodsgy.com


您的姓名:
您的E_mail:
输入口令: www.goodsgy.com





www.goodsgy.com


www.goodsgy.com

  本例中用了三个单行文本框来分别接收用户的“姓名”、“E_mail地址”和“口令”信息,在三个文本框中都设定文本框的宽度(size)和最大输入文本长度(maxlength),在第二个文本框中还设定了初始值(value),你可能注意到了,我把每个文本框的名称(name)都取成了英文名,这样对用于程序外理比较方便,因下例中要用这个例子。若是用电子邮件接收表单信息并不用程序处理,那么用中文名比较直观。为了使其成为一个具有实际交互功能的表单,加上了一个提交按钮,并在

标记中设定了action参数为:action="mailto:fyy0528@sina.com" ,同时把method参数设置为:method="post",这样,一旦按下“提交”按钮将会把信息通过电子邮件发到“fyy0528@sina.com”信箱。看来制作并不难!是吗?不过要注意:size的值小于maxlength的值时,当内容超过输入窗口的长度时会自动滚动;反之,size的值大于maxlength的值,超过maxlength长度的内容无法输入。 www.goodsgy.com

  二、检验用户输入的信息
  在上例中,若是用户什么信息也不写就按提交按钮,那不是白收一份邮件吗?要避免这种情况出现,就要对用户的输入信息进行检验,这就要用到标记的onclick参数,我们在“提交”按钮的标记中把onclick 设置为:onclick="test(form1)",而“test(form)”则是一个javascript子程序,用来检验文本框的输入内容的,它的源代码如下:

  把这段程序复制在与之间,那么一旦用户按下提交按钮,就会调用这段程序对用户输入的信息进行检验,如果信息不正确就会给出提示,提醒用户输入正确的信息。注:在标记中设置onsubmit="test(form1)"也能达到同样的效果。 www.goodsgy.com

  三、制作一个留言簿
www.goodsgy.com

这个留言簿虽简单,但已包含了留言簿的基本功能,它是通过邮件的方式接收用户的信息,无需CGI支持。它的制作也比较简单,它采用表格产生立体效果,在表单中先插入一个表格,并设置好表格的有关参数,在表单方面,只是比例一多了一个多行文本框。在标记中设置type="textarea",不能得到一个多行文本框。我们用HTML的另一个标记




www.goodsgy.com

在百度中搜索:用好HTML表单的文本框
在Google中搜索:用好HTML表单的文本框
在Yahoo中搜索:用好HTML表单的文本框

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]

 相关文章    最新文章
· 怎样用好Office剪贴板
· [图文] 用好Excel 2007中新增的多重条件函..
· [图文] 用好Excel筛选功能 查询数据更加方..
· [图文] 用好Excel共享工作簿 大大提高工作..
· [图文] 教你激活QQ邮箱通讯录功能 用好QQ邮..
· [图文] 用好Photoshop的手足兄弟 ImageRea..
· [组图] 看似简单用好实在不简单!Google T..
· [组图] 用好MSN群公告 随时掌握个性化资讯..
· 用好MSN Spaces之新手必学五则技巧
· [组图] 用好你的钱袋子 QQ“我的钱包”功能..
 
· DIV+CSS建立标准WEB网页的好处
· CSS教程:表格的nobr终极解决方案
· CSS Alpha透明代码相关知识学习
· 凶手loose.dtd导致CSS样式表失效
· 让IE浏览器显示透明PNG图片
· 网页排版中10种致命的语义错误
· 学习CSS的背景图像属性background
· CSS高级应用:定义列表的特殊用法
· CSS中Background Images属性详解
· 详细解读标准网页中的Meta标签

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)