社区
JavaScript
帖子详情
如何在js中控制文本框的行数?
maozhongpei
2003-10-20 09:41:40
要求:在一个文本框中输入一定数字,输入完毕后,其后自动显示该数字对应的字符串(英文)
我现在使用两个文本框,当地一个文本框输入完毕后,在js里找到和这个输入相对应的字符串,赋值给第二个文本框。
但是现在老板要求,为了考虑版面,显示字符串的区域要控制宽度,当字符串的长度超过宽度的时候,自动显示成两行,但如果不需要的时候只能是一行。
请问,是否一定要把text改为textarea,如何在js中改变对象的宽度?或者有没有更好的解决方案。
在线等
...全文
221
4
打赏
收藏
如何在js中控制文本框的行数?
要求:在一个文本框中输入一定数字,输入完毕后,其后自动显示该数字对应的字符串(英文) 我现在使用两个文本框,当地一个文本框输入完毕后,在js里找到和这个输入相对应的字符串,赋值给第二个文本框。 但是现在老板要求,为了考虑版面,显示字符串的区域要控制宽度,当字符串的长度超过宽度的时候,自动显示成两行,但如果不需要的时候只能是一行。 请问,是否一定要把text改为textarea,如何在js中改变对象的宽度?或者有没有更好的解决方案。 在线等
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
maozhongpei
2003-10-20
打赏
举报
回复
楼上,如果这样我早就做到了,因为用的是uedit,所以拆分单元格非常麻烦,要加很多colspan
不过仍然非常感谢
longshenwang
2003-10-20
打赏
举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<script language="JavaScript">
<!--
var library=new Array()
library[0]=["nolonely","I am writing JS"]
library[1]=["csdn","CSDN Focum"]
library[2]=["MSDN","Good Library"]
function search(str){
for(var i=0;i<library.length;i++)
if(library[i][0]==str)return library[i][1]
return ""
}
//-->
</script>
<table>
<tr>
<td align="center"><input type="text" onblur="a.value=search(this.value)"></td>
<td align="center"><textarea name="a" style="width:50;overflow-y:visible" rows=1></textarea></td></tr>
</table>
</BODY>
</HTML>
maozhongpei
2003-10-20
打赏
举报
回复
非常感谢!!!!
如果这两个元素是在同一个<td>范围内
如何能让第二个元素改变大小时,第一个元素仍能在水平上居中,而不是和第二个元素保持底线水平然后两个再居中?
nolonely
2003-10-20
打赏
举报
回复
<script language="JavaScript">
<!--
var library=new Array()
library[0]=["nolonely","I am writing JS"]
library[1]=["csdn","CSDN Focum"]
library[2]=["MSDN","Good Library"]
function search(str){
for(var i=0;i<library.length;i++)
if(library[i][0]==str)return library[i][1]
return ""
}
//-->
</script>
<input type="text" onblur="a.value=search(value)">
<textarea name="a" style="width:50;overflow-y:visible" rows=1></textarea>
JavaScript
文本框
脚本编写的注意事项
在HTML
中
,有两种方式来表现
文本框
: 一种是使用input元素的单行文本,另一种是使用textarea的多行
文本框
。 使用input方式,必须添加type,设置为“text”。 size特性,可以指定
文本框
内能够显示的字符数。 value属性可以设置
文本框
的初始值。 maxlength特性则是用于指定
文本框
内可以接受的最大字符数。 textarea的初始值则必须放在开始和结束标签之内。 cols是
文本框
字符
行数
; rows是
文本框
字符列数; 另外,不能在HTML
中
给textarea指定最大字符数; 一、选择文本 上述两种
文本框
都支持 select()
实验3 JavaScript编程.doc
一、实习过程 1. 编写JavaScript程序实现 “九九乘法表”。 2.编写函数实现生成指定
行数
和列数的表格(
行数
和列数通过函数参数传递)。 3.利用Date对象编写程序,判断并输出今天是开学的第几周,星期几。 4.编写程序,利用正则表达式输出待处理英文单词或词组的首字母。如"blue idea"输出"bi","Asynchronous JavaScript And XML"输出"AJAX"(不包括引号)。 5.设计一个网页,输入一串用英文逗号分隔的数字字符串。编写程序,输出找出该组数
中
的最大、最小值、和 。并按从大到小排序后的输出结果(以逗号分隔)。 6. 要求用户在
文本框
中
年份,点击判断按钮,用alert函数输出该年是否是闰年的结果。 7. 利用复选框让用户选择其爱好,用alert对话框输出用户所选的内容。 8.要求在
文本框
中
输入用户名,点击“注册”按钮进行提交。当
文本框
为空时,则弹出提示信息,并取消提交操作。 9.在打开网页后弹出一个宽200,高300的窗口,且在该网页关闭后,弹出的窗口也关闭。 10.直接利用Javascript操作DOM模型,将当前目录下的10张图片循环显示在网页上。 12. 在状态栏上显示,访问者在本页停留的时间(如:您在本页停留了X小时X分X秒)。
PowerBI系列之可视化技能专题
PowerBI系列之基础和可视化技能专题基础概念PowerBI是什么PowerBI优秀作品展示PowerBI组件简介 PowerBI Desktop的下载安装PowerBI Desktop界面介绍和5分钟入门 PowerBI账号区别PowerBI对象和结构PowerBI和Tableau等其他主流BI产品的介绍 PowerBI官方文档基本操作文件和报表设置选项介绍页面属性设置-大小、背景、壁纸、对齐、筛选器窗格格式页面视图-适应页面、宽度、实际大小视觉对象格式属性面板快速调整页面布局和样式 (文本笔记)视觉对象分组、显示或隐藏 使用数据对象表和数据点表 向报表添加
文本框
和形状可视化技能使用编辑交互功能来
控制
图表联动多层联动
中
控制
使用Control Click切片器的使用同步切片器折叠切片器给切片器设定默认值给切片器设定动态默认值(DAX函数-默认当前月或天)使切片器默认代表无任何选择切片器仅显示有对应数据的选项使切片器反向筛选和计算切片器之间取数据并集关系
中
多端的切片器筛选一端的切片器参数的创建和参数切片器的使用筛选器书签和选择窗格下拉式多级菜单页面导航菜单报表主页设计和重置切片器普通和自定义以及视觉对象标头工具提示按列排序和自定义排序分组装箱普通钻取和层次钻取及跨页钻取保留所有筛选器和设置钻取按钮跨报表钻取Matrix 矩阵详解矩阵
中
为每个列快速设置相同列宽矩阵
中
动态显示列的两种方法使用Web超链接和图片超链接
文本框
设置超链接或邮件地址手机端页面布局创建参数和使用报表模块(输入或值列表)利用报表模板和参数
控制
线下报表数据权限利用参数实现数据手工加密和权限
控制
利用页面导航
控制
页面级权限报表主题
控制
和主题模板生成器PBIX和PBIT文件结构解析:提取图片和主题,提取已下架的自定义图表,报表元数据等 PBIDS预定义数据连接文件DAX函数使可视化强大 DAX函数实现特殊符号的使用 DAX函数实现切片器默认当前月或天 DAX函数使切片器默认代表无任何选择 DAX函数使切片器仅显示有数据的选项 DAX函数使切片器反向筛选和计算 DAX函数使切片器之间取并集 DAX函数使关系
中
多端的切片器筛选一端的切片器DAX函数实现年月共同决定数据排序DAX函数实现动态图表标题DAX函数实现动态图表配色和图标DAX函数实现动态纵坐标DAX函数实现动态横坐标
js
on校验,格式化,显示报错所在
行数
并标红
js
on校验工具,支持 1.
js
on字符串格式化 2.
js
on格式错误报错,找出报错所在行并标出
Javascript
文本框
脚本实现方法解析
在 HTML
中
,有两种方式来表现
文本框
:一种是使用<input>元素的单行
文本框
,另一种是使用 <textarea>的多行
文本框
。这两个控件非常相似,而且多数时候的行为也差不多。不过,它们之间仍 然存在一些重要的区别。 相对而言,<textarea>元素则始终会呈现为一个多行
文本框
。要指定
文本框
的大小,可以使用 rows 和 cols 特性。其
中
,rows 特性指定的是
文本框
的字符
行数
,而 cols 特性指定的是
文本框
的字符列数 (类似于
元素的 size 特性)。与 <input> 元素不同, <textarea> 的初始值必须要放在 <textarea>和</textare
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章