javascript输入框,javascript在输入框输入文字

javascript怎么获取输入框的内容

获得输入框的值

创新互联专注于广元企业网站建设,自适应网站建设,商城网站制作。广元网站建设公司,为广元等地区提供建站服务。全流程按需求定制设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

第一你要给框上取个唯的的标志也就是ID 比如

inpput type="text" id="bar1"/

第二你可以通过getElementById这个方法去获得这个框的对象.也就是获得这个框

script

var kuang1 = document.getElementById("bar1")

//现在这个KUANG1就代表的是这个文本框,而他的值实际上是他的一个属性,可能通过对象.属性的形式获得值属性.也就是

kuang1.value//它就是你想要的框的值

/script

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

思路就是：获取属性和属性值，拼接字符串，然后通过innerHtml将元素渲染到页面中。具体代码如下

!DOCTYPE html

html

head

title/title

style

.block{

display: flex;

margin-bottom: 10px;

}

.block label{

width: 60px;

text-align-last:justify;

text-align:justify;

text-justify:distribute-all-lines;

}

#attr, #value{

width: 220px;

line-height: 20px;

margin-left: 20px;

}

#content div{

width: 200px;

height: 200px;

color:#f00;

text-align: center;

line-height: 200px;

background-color:rgb(109, 203, 240);

}

/style

/head

body

div class="block"

label属性/label:

input type="text" id="attr" /

/div

div class="block"

label属性值/label:

input type="text" id="value" /

/div

button onclick="setAttr()" style="margin-bottom: 20px;"设置属性/button

div id="content"/div

/body

script

window.onload = function(){

document.getElementById("content").innerHTML = `divJavascript有点意思/div`;

}

var style = "";

function setAttr(){

style += `${document.getElementById("attr").value}:${document.getElementById("value").value};`;

document.getElementById("content").innerHTML = `div style="${style}"Javascript有点意思/div`;

}

/script

/html

javascript如何实现清除单击输入框的时候，清除输入框内的提示文字？

定义一个函数，设置输入框onfocus事件，调用这个函数。函数的用处是将输入框的value值设置为空。\x0d\x0a\x0d\x0a代码大致如下：\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0afunction xiaoshi(){\x0d\x0avar obj=document.getElementById("text1");\x0d\x0aobj.setAttribute("value",""); 这句是关键\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a