jquery 怎么清除表单元素中的值

代码编纂器:Dreamweaver CS5
html+jquery方式/
1【jquery 怎么清除表单元素中的值】新建一个html文件 , 定名为test.html , 用于讲解jquery怎么断根表单位素中的值 。

jquery 怎么清除表单元素中的值



2在test.html文件内 , 利用form标签建立一个form表单 , 并设置其id为myform , 本家儿要用于下面经由过程该id获得form对象 。

jquery 怎么清除表单元素中的值



3在test.html文件内 , 在form标签内 , 利用input标签建立一个用户名输入框和暗码输入框 。

jquery 怎么清除表单元素中的值



4在test.html文件内 , 在form标签内 , 利用input标签建立一个“提交”按钮 , 同时 , 利用button标签建立一个“清空”按钮 。

jquery 怎么清除表单元素中的值



5在test.html文件内 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行myfun函数 。

jquery 怎么清除表单元素中的值



6在js标签内 , 建立myfun()函数 , 在函数内 , 经由过程id(myform)获得form表单对象 , 利用reset()方式重置表单位素的值 , 实现断根表单位素的值的结果 。

jquery 怎么清除表单元素中的值



7在浏览器打开test.html文件 , 在输入框输入内容 , 点击清空按钮 , 查看实现的结果 。

jquery 怎么清除表单元素中的值



jquery 怎么清除表单元素中的值




以上内容就是jquery 怎么清除表单元素中的值的内容啦 , 希望对你有所帮助哦!

    猜你喜欢