`
bdk82924
  • 浏览: 562934 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

JS控制<textarea></textarea>的最大输入字符数

    博客分类:
  • Web
阅读更多

 

 

 

<html>
 <head>
  <title>测试专用页
  </title>
 </head>
 <body>
  <form method=post name=ceshi action="index.htm">
   <textarea name=textarea1 onpropertychange=checkMaxLen(this,20,0)></textarea>
  </form>
 </body>
<html>
 <script language=javascript>
  var oldValue=new Array();
  function checkMaxLen(obj,maxlength,num){
   if(obj.value.length>maxlength){
    obj.value=oldValue[num];
   }
   else{
    oldValue[num]=obj.value;
   }
  }
 </script>

 

分享到:
评论

相关推荐

    js监听鼠标事件控制textarea输入字符串的个数.docx

    总之,通过JavaScript的事件监听机制,我们可以精确控制用户在`textarea`中的输入,不仅可以限制字符数,还能实现各种复杂的交互功能。理解并熟练应用这些事件,对于提升网页的用户体验至关重要。

    HTML基础代码资源

    7. **表单**:HTML表单通过`&lt;form&gt;`元素定义,常用输入元素有`&lt;input&gt;`(文本、密码、复选框、单选按钮等)、`&lt;textarea&gt;`(多行文本输入)、`&lt;select&gt;`(下拉菜单)等。`&lt;label&gt;`用于关联输入元素和文本描述,`...

    一个简单的网页设计

    &lt;option&gt;学生&lt;/option&gt;&lt;option&gt;一年&lt;/option&gt;&lt;option&gt;二年&lt;/option&gt;&lt;option&gt;三年&lt;/option&gt;&lt;option&gt;三年到五年&lt;/option&gt;&lt;option&gt;五年到十年&lt;/option&gt;&lt;option&gt;十年以上&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; ...

    web前端基础入门知识

    2. **其他输入类型**:`&lt;input type="password"&gt;`密码框,`&lt;input type="checkbox"&gt;`复选框,`&lt;input type="radio"&gt;`单选按钮,`&lt;select&gt;`下拉菜单,`&lt;textarea&gt;`多行文本框。 3. **表单提交**:`&lt;form&gt;`标签定义...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    &lt;td&gt;&lt;textarea name="txt_desc" id="txt_desc" cols="" rows=""&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt;&nbsp;&lt;/th&gt; &lt;td class="gray_1"&gt; &lt;ul&gt; &lt;li&gt;描述&gt;=20个字符,不支持HTML标签。&lt;/li&gt; ...

    html小教程

    `&lt;head&gt;`部分包含非可视化的元信息,如页面标题(`&lt;title&gt;`)、字符集指定(`&lt;meta charset="UTF-8"&gt;`)以及引用外部CSS和JavaScript文件的链接。`&lt;body&gt;`部分则包含网页的实际内容,如文本、图像、链接等。 3. ...

    html的入门讲义

    文本内容通常包裹在`&lt;p&gt;`标签内,标题使用`&lt;h1&gt;`到`&lt;h6&gt;`,其中`&lt;h1&gt;`为最大标题,`&lt;h6&gt;`最小。段落间的换行可以通过`&lt;br&gt;`标签实现。 三、HTML属性 HTML元素可以有属性,提供额外信息。例如,链接`&lt;a&gt;`的`href`...

    使用HTML开发商业网站-表单控件-textarea课件.pptx

    &lt;textarea cols="每行中的字符数" rows="显示的行数"&gt;文本内容&lt;/textarea&gt; ``` 这里的`cols`属性定义了多行文本输入框每行的字符数,而`rows`属性则定义了显示的行数。例如: ```html &lt;textarea cols="60" rows="6...

    html 语言教程

    HTML表单用于用户输入数据,常用标签包括`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`等。 ```html &lt;form action="submit.php" method="post"&gt; &lt;label for="username"&gt;用户名:&lt;/label&gt; &lt;input type="text" id...

    使用JavaScript限制TextArea多行文本域的可输入字数

    总结起来,通过JavaScript我们可以轻松地实现对`&lt;textarea&gt;`的字数限制功能,包括监听输入事件、检查字符数、限制输入以及提供实时反馈。这样的功能对于优化用户界面和提高网站质量具有重要意义。通过结合源码和工具...

    javascirpt 在textarea中运行(自己学习)

    在这个例子中,当用户点击“Run Code”按钮时,`runCode`函数会被调用,获取`&lt;textarea&gt;`的值(即用户输入的JavaScript代码),然后使用`eval`执行。为了安全起见,通常建议避免使用`eval`,因为它可能导致安全问题...

    用HTML制作简单的网页.zip

    1. `&lt;head&gt;`部分:用于存放元数据,如页面标题(`&lt;title&gt;`)、字符集设置(`&lt;meta charset="UTF-8"&gt;`)以及外部资源引用(如CSS和JavaScript文件)。例如: ```html &lt;head&gt; &lt;title&gt;我的简单网页&lt;/title&gt; &lt;meta ...

    控制textarea文本长度,并限制输入字数(带统计显示)

    以下是一个简单的示例,展示了如何限制`textarea`的最大输入字数: ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;限制textarea输入字数&lt;/title&gt; &lt;style&gt; #charCount { ...

    js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数

    &lt;table&gt; &lt;tr&gt; &lt;td width=150&gt;短信内容:&lt;/td&gt; &lt;td&gt; &lt;textarea name=message cols=96 rows=5 onKeyDown=textCounter(message,remLen,65);... &lt;td&gt;您还可以输入:&lt;input name=remLen type=text value=65 size=

    html&css;&JavaScript;基础笔记

    - **表单控件**:包括 `&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;` 等,用于不同的输入类型。例如: ```html &lt;input type="text" placeholder="Enter your name"&gt; &lt;input type="checkbox" id="option1" name="option1" ...

    HTML 中文手册

    CSS通过`&lt;style&gt;`标签或外部样式表文件(`.css`)引入,用于控制元素的外观;JavaScript则通过`&lt;script&gt;`标签引入,用于添加动态功能。 "HTML中文手册.chm"文件很可能包含了这些知识点的详细解释,包括各个标签的...

    中秋节静态HTML网页作业作品 大学生中秋网页设计制作成品 简单DIV CS网站.md

    &lt;scripttype="text/javascript"src="js/script.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 顶部导航 --&gt; &lt;header&gt; &lt;h1&gt;中秋佳节&lt;/h1&gt; &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#introduction"&gt;介绍&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#history"&gt;历史&lt;/...

    HTML简单操作

    - `&lt;textarea&gt;`:多行文本输入。 - `&lt;select&gt;`:下拉选择框,配合`&lt;option&gt;`定义选项。 - `&lt;label&gt;`:为输入元素提供描述。 - `&lt;button&gt;`:创建按钮,可触发提交或重置表单。 例如,一个简单的登录表单: ```html ...

    html标签介绍大全

    &lt;form&gt;用于创建表单,&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;、&lt;option&gt;、&lt;button&gt;等用于创建输入元素。&lt;label&gt;为输入元素提供文字说明,&lt;fieldset&gt;和&lt;legend&gt;用于分组相关表单元素。 十一、段落内元素 &lt;blockquote&gt;用于...

    HTML常用标签以及常用技巧等说明

    - `&lt;textarea&gt;`:多行文本输入区域。 - `&lt;button&gt;`:按钮标签,可以触发提交或重置表单等操作。 - `&lt;iframe&gt;`:内联框架标签,可以在当前页面中嵌入其他网页。 - `&lt;meta&gt;`:提供关于HTML文档的元信息,如刷新时间、...

Global site tag (gtag.js) - Google Analytics