学做网站培训课程介绍

当前位置:

怎么给表单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文本域添加行号。如果在表单里如果我们想限制用户的输入数据的行数,
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添