2016-04-29 92 views
1

我有一个表单,我想使用JavaScript预先填充文本输入,但是目前为止我的代码不工作,输入框中没有任何内容显示。任何帮助将是惊人的!在表单输入字段中创建默认值

HTML

<p><label for="numb">Text</label><input type="text" name="numb" id="numb" required="required"></p> 

的JavaScript

window.onload = addText(); 

function addText(){ 

document.getElementById("numb").value = "Test"; 
} 
+0

这是为我工作。再次检查 – DININDU

回答

0

你的代码对我的作品 - 我的猜测是,你有这样的JavaScript中的头,它是运行在输入元素被创建/ re之前定位到DOM中 - 将JavaScript移动到文档的结尾处,然后放在关闭的body标签之前,它应该可以工作。

和一个小的事情 - 你应该关闭输入标签:

<input type="text" name="numb" id="numb" required="required" /> 
+0

我明白了,当我把它放在我的HTML文档的底部时它就起作用了。但是当我把它放在一个单独的JS文件中不起作用。 – Craig

+0

你是怎么把它调入html页面的? – gavgrif

+0

使用标记带有指向js文件的链接。难道是因为该过程正在运行onload,它在表单实际加载之前运行? – Craig

0

window.onload = addText(); 
 

 
function addText() { 
 
    document.getElementById("numb").value = "Test"; 
 
}
<p> 
 
    <label for="numb">Text</label> 
 
    <input type="text" name="numb" id="numb" required="required"> 
 
</p>