javascript輸入框,javascript在輸入框輸入文字
javascript怎么獲取輸入框的內(nèi)容
獲得輸入框的值
創(chuàng)新互聯(lián)專注于廣元企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城網(wǎng)站制作。廣元網(wǎng)站建設(shè)公司,為廣元等地區(qū)提供建站服務(wù)。全流程按需求定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
第一你要給框上取個(gè)唯的的標(biāo)志也就是ID 比如
inpput type="text" id="bar1"/
第二你可以通過getElementById這個(gè)方法去獲得這個(gè)框的對(duì)象.也就是獲得這個(gè)框
script
var kuang1 = document.getElementById("bar1")
//現(xiàn)在這個(gè)KUANG1就代表的是這個(gè)文本框,而他的值實(shí)際上是他的一個(gè)屬性,可能通過對(duì)象.屬性的形式獲得值屬性.也就是
kuang1.value//它就是你想要的框的值
/script
如何用javascript中input輸入框輸入屬性改變文字和背景顏色和邊距相對(duì)應(yīng)的改變?
思路就是：獲取屬性和屬性值，拼接字符串，然后通過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;"設(shè)置屬性/button
div id="content"/div
/body
script
window.onload = function(){
document.getElementById("content").innerHTML = `divJavascript有點(diǎn)意思/div`;
}
var style = "";
function setAttr(){
style += `${document.getElementById("attr").value}:${document.getElementById("value").value};`;
document.getElementById("content").innerHTML = `div style="${style}"Javascript有點(diǎn)意思/div`;
}
/script
/html
javascript如何實(shí)現(xiàn)清除單擊輸入框的時(shí)候，清除輸入框內(nèi)的提示文字？
定義一個(gè)函數(shù)，設(shè)置輸入框onfocus事件，調(diào)用這個(gè)函數(shù)。函數(shù)的用處是將輸入框的value值設(shè)置為空。\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",""); 這句是關(guān)鍵\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a
本文名稱：javascript輸入框,javascript在輸入框輸入文字
標(biāo)題來源：http://m.jiaotiyi.com/article/dsdjsid.html