学做网站培训课程介绍

当前位置:

怎么给表单textarea文本域添加行号

我们知道,textarea文本域是制作网站表单里文本框的标签,它可以书写大段文字来提交,常用于网站Form表单实现提交发送到邮箱

下面介绍一下怎么给表单文textarea文本域添加行号,并且当我们输入一行后,它自行显示一行行号。效果如下图:

表单textarea文本域添加行号

方法/步骤

第一步:引入JQUERY,实现动态行号需要JQUERY的支持,使用以下的代码引入JQUERY;


<script src="../js/jquery-1.12.0.min.js"></script>

第二步:下载textarea文本域行号自动生成插件auto-line-number.js;并使用以下的代码引入到网页中;(下载链接: https://pan.baidu.com/s/1xw16ZSnjJKDFW8cs46drSg 提取码: s9tv)


<script src="../js/auto-line-number.js"></script>

第三步:在textarea标签上添加一个ID标记,如:


<textarea name="postlr" cols="14%" rows="100" placeholder="每行一个标题,不用任意符号" id="text01"></textarea>

第四步:在网页底部添加以下的JS代码,这样就可以实现textarea文本域动态添加行号的效果了。


<script> $("#text01").setTextareaCount({ width: "30px", bgColor: "#ddd", color: "#333", display: "inline-block" }); </script>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的
  • 我们知道,textarea文本域是制作网站表单里文本框的标签,它可以书写大段文字来提交,常用于网站Form表单实现提交发送到邮箱。下面介绍一下怎么给
  • 在做网站时,少不了一些表单,在前面的建站教程中,我们介绍了怎么给表单textarea文本域添加行号。如果在表单里如果我们想限制用户的输入数据的行数,
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • 网页如何添加背景音乐 视频教程附件下载 (1117082 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • QQ客服在很多网站都很普通,它可以很方便的让浏览我们网站的用户通过QQ进行交流,不需要去查找QQ再加好友,只需要点一下QQ客服上的图标就可以直接发信