欢迎来到天天文库
浏览记录
ID:33335125
大小:28.97 KB
页数:10页
时间:2019-02-24
《form表单小技巧-大学问》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、form表单,小技巧-大学问在Javascript中,页面上的每一对
2、值获得对象 form表单应该注意的属性:elements:获取以源顺序排列的给定表单中所有控件的集合。但是对象不在此集合内。var txtName = myform.elements[0]; //获得表单的第一个元素var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素var txtName = myform.elements.txtName; //获得name属性值为"txtName"的元素 enctype:设置或获取表单的多用途网际邮件扩展(MIM
3、E)编码。 这个属性的默认值为:application/x-www-form-urlencoded 如果要上传文件,则应该设置为:multipart/form-data form表单中的标记: 每一个表单元素的文字描述都应该使用标记! 该标记用于将文字绑定到对应的表单元素上,它的for属性指定它所要绑定的表单元素id值。绑定后单击该文字,鼠标将聚焦到对应的文本框中或选中对应的选项。 若安装了某些桌面主题,某些表单元素还会变换颜色来予以提示,这大大提高了用户体验。示例代码:
4、 点我将聚焦到文本框 点我将选中单选框 点我将选中复选框
5、应当尽量使用标签来提高用户体验;ii> 每个表单元素应当分配name属性 和id属性。 name属性:用来将数据提交到服务器; id属性:用来在客户端做相应的操作;如:标签的绑定、CSS选择器的使用等。 (name属性和id属性应该尽可能地使用相同的或相关的值。) 在客户端,Javascript对表单及表单元素的操作,更青睐于使用其name属性。因为,对于某些特定的表单元素(如:单选按钮等),使用其name属性更易于获得元素值,也更方便向服务器传送数据! Javascript操作form表单元
6、素,比较少用的属性:defaultChecked设置或获取复选框或单选钮的状态。defaultValue设置或获取对象的初始内容。disabled设置或获取控件的状态。 提交表单提交表单的示例: 7、 onclick="this.disabled=true; this.form.submit();"> 注意:i> 如果使用submit()方法来提交表单,则不会触发表单元素的onsubmit事件, 这是与用提交元素不同的地方;ii> 可以在按钮的提交或点击事件中,使用disabled属性来禁用用户反复点击提交按钮的行为,
7、 onclick="this.disabled=true; this.form.submit();"> 注意:i> 如果使用submit()方法来提交表单,则不会触发
此文档下载收益归作者所有