Form 表单对象详解讲课稿.ppt

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
2.5 图片按钮 代码: html xmlns=/1999/xhtml head title图片按钮/title /head body h1图片按钮/h1 a href=javascript:alert(这是一个图片按钮) img src=file:///C|/Users/gougou/Desktop/1.jpg width=50 height=50 /a /body /html 第三章 文本框对象 文本框对象是一种基本的表单元素对象。使用文本框可以让用户通过键盘来输入信息。文本框对象分为很多种,最基本的文本框对象就是单行文本框对象,对文本框对象进行改进又有密码文本框、隐藏输入对象和多行文本框对象。 3.1 单行文本框 单行文本框对象是最简单的,也是最基础的文本框对象。单行文本框通过input标记设置type属性值为text来定义。单行文本框具有size属性,用来限制文本框显示的长度。 需要注意的是,设置的size值并不是很精确。Size属性也具有默认值,在没有要求显示多少字符的情况下,就可以使用默认值。 单行文本框还具有一个value属性。在定义单行文本框时,就可以设置value属性,此时设置的value属性值为单行文本框的默认显示内容。 3.1 单行文本框 代码: html xmlns=/1999/xhtml head title单行文本框value属性/title script language=javascript type=text/javascript !-- function myfunction() { var sstring = document.myform.mytext.value; alert(sstring); } function myfunction2() { document.myform.mytext.value = 单行文本框设置后的内容; } //-- /script /head body h1单行文本框value属性/h1 form name=myform input type=text name=mytext value=单行文本框的默认内容br input type=button value=获取value值 onClick=myfunction() input type=button value=设置value值 onClick=myfunction2() /form /body /html 3.1 单行文本框 需要注意的是,单行文本框的value值是字符型数据类型,在获取和设置时,都是对字符进行操作。当想要设置或者获取数值型数据类型的值时,javascript会尽可能的进行自动转换,当然也可以通过使用前面所学的办法进行转换。这是很容易的,但当是对象数据类型时,如数组对象,就很难办了。 当设置单行文本框的value值为一个数组对象,就可以使用数组中的join方法转换为字符串。当想再获取这个数组时,就可以使用数组中的split方法将字符串在转换成数组。在对其他对象进行操作时,也是使用这种转换方法。 3.1 单行文本框 文本框具有一个其他表单元素对象所没有的select方法。使用select方法能使文本框内的内容高亮显示。这样的效果非常有用,当文本框的内容输入有误时,就会在提交时给出提示,然后让该文本框中的内容高亮显示。这样既可以起到提示用户的作用,又可以让用户使用删除键一键删除。 3.1 单行文本框 代码: html xmlns=/1999/xhtml head title单行文本框select方法/title script language=javascript type=text/javascript !-- function myfunction() { var sstring = document.myform.mytext.value; if(sstring !=疑似地上霜.){ alert(填写错误,请再次填写); document.myform.mytext.select(); } } //-- /script /head body h1单行文本框select方法/h1 form name=myform 床前明月光,input type=text name=mytext value=疑似地下霜.br input type=button value=测试 onClick=myfunction() /form /body /html 3.1 单行文本框 在所有表单元素对象的事件中,onchange事件是只有按钮对象没有的。当对象的值发生改变时,触发onchange

文档评论(0)

zjq110 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档