js给input加属性，js添加input

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何用javascript中input输入框输入属性改变文字和背景颜色和边距相对...

要在输入框中特定字符显示不同的颜色，使用 HTML 的 `input` 元素无法直接实现这种效果。但可以使用其他方法，例如使用 `div` 元素模拟输入框，然后通过 CSS 和 JavaScript 来控制特定字符的颜色。

通过鼠标移入方法和鼠标移出方法，设置相应的样式即可。

直接使用css来设置input的border的值来修改input的边框值即可。border 简写属性在一个声明设置所有的边框属性，可以按顺序设置如下属性：border-width border-style border-color 如果不设置其中的某个值，也不会出问题，比如 border：solid #ff0000；也是允许的。

可以用“height”属性设置input框的高度，用“width”属性设置input框的宽度。

如果不用onfocus，使用onclick也可以达到同样效果，比如onfocus=this.select()。

相关问答

Q1: 如何通过js设置input标签的disabled属性?

在js中input标签禁止输入的方法有：readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择，可以接收焦点，还可以选中或拷贝其文本。

采用这种方法的好处是在基于SSH（Struts + Spring + HIbernate）框架的设计中，我们能够通过Form调用到该文本框。当然，其它方法也调用不到，本文结尾处将略作介绍。

文本框不可以编辑可以用两个属性来控制：readonly，只读属性，文本可以选择、复制，但是不可以改变文本值 disabled，不可选择、复制、改变文本值。js控制打开对话框的时候，同时改变对话框中的文本框的属性即可。

readonly属性是只读属性，表明当前的dom节点只能被读取。用js的方法得到这个文本框节点，然后添加readonly属性，使其值等于=readonly就可以了。

Q2: js怎样给input对象追加属性,如ID属性

1、数据属性（`properties`），对象的普通属性将字符串名称映射到值。

2、视频讲解的是javascript面向对象编程语言中的关于创建对象的知识，重点讲解的是如何创建对象及添加属性，由于属于动态语言，所以我们可以随时的为对象添加属性。

3、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(li a).each(function (i， e) {$(this).attr(id， id1_ + i)；})；。浏览器运行index.html页面，此时发现元素被js按照需求新增了id属性。

4、insertBefore本来就是向某个标签添加元素的。所以submit_id.insertBefore这么写是把input当作一个容器了。

Q3: javascript函数的值怎么赋给INPUT的value属性?

1、通过语句：document.getElementById(id).value进行赋值。创建如下实例代码：打开浏览器运行，此时在页面上的显示效果如下：继续创建一个赋值函数如下，将其绑定到之前创建的button上。属性页面，然后点击按钮，触发事件，此时页面的效果如下，完成赋值。

2、最好给input标签一个id，比如id = intextJavascript代码 var in_text = document.getElementById(intext)；if(name1 ！= 0) //name1就是对应着你的那个name1，不过个人喜欢用id，name在Javascript不晓得能不能用。。

3、getElementsByName（）得到的是一个数组，所以你不能直接用数组.value 去赋值。你可以在这个控件加个id属性，然后用getElementById去设置value就可以了。

4、文本框的内容赋值以$(#text).val(文本框内容)的形式来做。关于赋予属性则是 (#text).attr(属性名，属性值)的形式来做。

Q4: 如何通过JS给input中的value赋值

getElementsByName（）得到的是一个数组，所以你不能直接用数组.value 去赋值。你可以在这个控件加个id属性，然后用getElementById去设置value就可以了。

最好给input标签一个id，比如id = intextJavascript代码 var in_text = document.getElementById(intext)；if(name1 ！= 0) //name1就是对应着你的那个name1，不过个人喜欢用id，name在Javascript不晓得能不能用。。

在用 Input 读出二进制文件时，要用 LOF 和 Loc 函数代替 EOF 函数，而在使用 EOF 函数时要配合以 Get 函数。注意对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说，number 指定的是要返回的字节个数，而不是要返回的字符个数。标签用于搜集用户信息。

.../html ---js--- script type=javascript/text function changeValue(){ var inp = document.getElementById(input)；inp.value=设置您要修改的值；return；} /script 说明：当然用jquery也可以，都差不多，记得使用jQuery之前得引入jquery-js之类的文件。

新建一个HTML文档，指定input元素的ID。编写JS脚本，根据ID选择元素。使用.val()方法获取被选元素的value值。以弹窗形式显示获取的input值。保存文件，在浏览器查看结果。

Q5: js如何判断用户行为动态添加input属性?

正确使用判断对象是否存在应该用：if($(#id).length0){}else{}使用jQuery 对象的属性 length 来判断，如果 0 就存在。

写onkeyup事件 js获取文本框的值个数进行判断直接使用maxlength=20，input 加个id就可以了，然后js里用： document.getElementById(t1).value 来取得input的值。直接value去获取另外一个input里面的值。

// 获取 input 元素 var inputElement = document.getElementById(myInput)；// 增加值 inputElement.value = parseInt(inputElement.value) + 1；// 减少值 inputElement.value = parseInt(inputElement.value) - 1；这种方式通过 JavaScript 修改 input 元素的 value 属性，从而改变输入框中的值。

js给input加属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js添加input、js给input加属性的信息别忘了在本站进行查找喔。