零基础学做网站培训介绍

当前位置:

怎么给表单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>

发表评论

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

相关教程

  • 我们知道Select下拉框是表单中常用的元素,它可以让我们下拉选择自己要的项目。当我们选择好后,要点击提交按钮才会提交表单。那么如何实现Select下拉
  • advanced custom fields插件是一个功能强大的Wordpress文章自定义字段插件,可以在后台创建很多的填写字段。(相关介绍参考:WordPress文章自定义字段
  • 微信小程序form表单组件作用是用于提交用户填写的表单。当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进行提
  • Form表单在网站制作中经常用到,可以用于提交各类数据给另一个页面处理。也可以实现提交发送给邮箱,常用的是QQ邮箱。如何实现网站Form表单提交发送
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的
  • 网站中经常会有各种各样的表单,用于提交各类信息。如网站注册表单,用户登录表单,用户发布表单等等,这些表单都可以让用户填写并且提交。在表单使
  • 插件介绍学做网站论坛在此之前推荐的是一款邮件WordPress留言板插件contact-form-7,这款国外的插件是使用邮件的方式,将提交的表单通过邮件发送给管
  • 今天有一个学做网站论坛学员反映自己做的网站,前台有表单提交功能,但网站后台经常被人通过表单提交一些垃圾留言,下面学做网站论坛就来介绍一下怎么
  • 很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以
  • 在做网站时,网站不同页面大部分版块是相同的,只有某个版块的数据是变化的。这时我们可以使用AJAX局部刷新来实现表单提交时,在不变化网页地址的情况