使用jQuery制作高级炫酷吊炸天表单，页面加载完成文本框获得焦点，文本框设置默认文本，文本字数动态显示.....

最新推荐文章于 2022-08-09 14:02:07 发布

hehaoyang007

最新推荐文章于 2022-08-09 14:02:07 发布

阅读量1.5k

点赞数

分类专栏： JQuery JavaWeb

本文链接：https://blog.csdn.net/hehaoyang666/article/details/23477409

版权

本文介绍了如何使用jQuery来创建高级交互式的表单，包括页面加载时文本框自动获取焦点，设置默认文本以及实时显示文本输入字数等功能，旨在提升网页表单的用户体验。

摘要由CSDN通过智能技术生成

表单时web方面必不可少的元素，人性化的表单会为网站或论坛增添不少光彩！

HTML代码：

<div id="pubshuoshuo">
        	标题：<input type="text" id="pubshuoshuo_title" name="pubshuoshuo_title" size="20"/><br>
    	  	内容：<br>
            <textarea id="pubshuoshuo_content" name="pubshuoshuo_content" rows="7" cols="83"></textarea>
 </div>
 <div id="counter">
        
 </div>

css：

#pubshuoshuo{float:left; color:#666;}
#pubshuoshuo_content{color:#666;}
#counter{float:left; padding:30px; font:"宋体" ; font-size:30px; color:#

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hehaoyang007

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery制作高级炫酷吊炸天表单，页面加载完成文本框获得焦点，文本框设置默认文本，文本字数动态显示.....

表单时web方面必不可少的元素，人性化的表单回味
复制链接

扫一扫

专栏目录

7（4）用JQuery完成数据验证和表单提交

一页

06-19

1193

1、使用插件（项目中不建议用插件，因为jQuery一直在升级，有的插件跟不上就会过期无法用）jquery form 插件，validation 插件插件plugin 2、要用jQuery先在Eclipse中添加jQuery库，加到D:\JEE\Test71\WebContent目录下就可系统报错"$" not defined 说明jQuery库没有添加3、这次添加的是最新的jQuery库（jqu...

js实现input文本框点击时文字消失，失去焦点时文字出现

04-14

NULL 博文链接：https://luanxiyuan.iteye.com/blog/1744279

参与评论您还未登录，请先登录后发表或查看评论

Jquery表单提交实现加载图片

u010007095的专栏

02-04

380

$(document).ready(function(){$("#mask").css("height",$(document).height);$("#mask").css("width",$(document).width);$("#form1").vailidate({submitHandler:function(form){$(#mask).show(); form.submit();}}

jQuery --表单select事件

weixin_30535913的博客

08-15

127

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="https://cdn.bootcss.com/jq...

天易18----jquery实现文本框失去焦点效果

天易

11-12

2264

一：效果图预览： 1)默认： 2）当点击姓名文本框或密码文本框时，效果如下图： 3）当点击内容文本区域时，效果图如下：二：代码如下： <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+"

jQuery日历插件编写jquery.calendar.js

风的专栏

02-17

2万+

jQuery日历插件编写(jquery.calendar.js)：目前比较难解决的问题是： 1、皮肤问题，虽然可以自定义皮肤，但是使用起来还是有一定的困难。样式预览：默认皮肤1：

vue_t_v7

热门推荐

wansui33_的博客

02-01

2万+

VUE vue框架的两大核心：数据驱动和组件化。第一周：大家需要转变编程思维的习惯：数据驱动（数据的变化会驱动页面发生变化，不用操作DOM）第二周：大家需要转变编程思维的习惯：组件化一、前端开发历史 1994年可以看做前端历史的起点（但是没有前端的叫法） 1995年网景推出了JavaScript 1996年微软推出了iframe标签，实现了异步的局部加载 1999年W3C发布第四代HTML标准，微软推出用于异步数据传输的 ActiveX(ActiveXObject)，各大浏览器厂商模仿实现了 XM

大学生网页制作期末作业——html+css+javascript+jquery旅游官网6页 html大学生网站开发实践作业 web网页设计实例作业

m0_71154533的博客

08-07

946

👨‍🎓静态网站的编写主要是用 HTML DⅣV+ CSSJS等来完成页面的排版设计👩‍🎓，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。 🏀 精彩专栏推荐👇🏻👇🏻👇🏻 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】🚀 旅游景...

使用html+css实现一个静态页面（厦门旅游网站制作6个页面）旅游网页设计制作 HTML5期末考核大作业，网站——美丽家乡。学生旅行游玩主题住宿网页

VX_WJ88950106的博客

08-09

600

JQ 文本框得到失去焦点

08-13

NULL 博文链接：https://onestopweb.iteye.com/blog/2294985

jquery表单序列化及表单加载json数据。

u010622242的博客

11-27

373

//表单序列化扩展方法 $.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (o[this.name]) { if (!o[this.name].push) { ...

JQuery设置文本框和密码框获得焦点时样式

weixin_34235105的博客

09-02

212

JQuery设置文本框和密码框获得焦点时样式，我们可以通过jquery来实现，需要注意的是中间用逗号隔开，大家可以参考下希望对大家有所帮助。//设置文本框和密码框得到焦点时的样式 $("#tblReg input[type=text],#tblReg input[type=password]").focus(function () { $(this).addClass(...

jquery学习（3）文本框获取焦点之后变换样式

weixin_34224941的博客

04-21

189

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

jquery 表单加载

eyoonet的博客

11-11

997

jquery 表单加载

jQuery Handsontable【jQuery插件-一个非常酷的可编辑表格】

xidajiancun

12-27

404

jQueryHandsontable 是jQuery插件中一款非常酷的可编辑的表格，它的描述是：a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery. (一款类似于Excel的可编辑表格，通过HTML，JavaScript和jQuery可以对它进行实现) 我们来简单介绍下0.10.0-beta4，...

Android 如何根据设置文字大小动态计算TextView长度、动态设置Relativelayout布局

足球中国的专栏

12-25

1万+

2012-12-18 17:23 Android 如何根据设置文字大小动态计算TextView长度、动态设置Relativelayout布局 1、动态设置TextView的width 如果在xml中使用TextView,并且设置了textSize属性，若想在Java代码中动态的设置TextView的长度，而不是在xml直接写死TextView的Width属

JQuery实现点击文本框等时背景变颜色

Zool_happy的专栏

05-10

7063

利用jQuery.validate.js实现表单验证：实例与自定义规则

JQuery笔记（表单验证）主要介绍了如何在jQuery框架下实现网页表单的动态验证功能。`jquery.validate.js` 是一个官方推荐的轻量级验证插件，它极大地简化了前端开发者对用户输入数据的校验过程。这个插件利用jQuery...