Javascript 向html表单字段添加对象数据_Javascript_Html

Javascript 向html表单字段添加对象数据

javascript html

Javascript 向html表单字段添加对象数据,javascript,html,Javascript,Html,下面是我的简单表单html，我想将对象数据添加到表单字段中，我已经经历了google搜索和StackOverFlow，但他们都在谈论jquery实现。因为我不知道jquery，所以我想使用Java脚本方法下面我有一个用户表单，我想将详细信息对象绑定到上面的表单字段，因此我使用下面的java脚本方法。我不知道我哪里出错我的对象数据没有与我的表单绑定所以，请帮助我如何做到这一点多谢各位 <!DOCTYPE html> <html> <body>

下面是我的简单表单html，我想将对象数据添加到表单字段中，我已经经历了google搜索和StackOverFlow，但他们都在谈论jquery实现。因为我不知道jquery，所以我想使用Java脚本方法

下面我有一个用户表单，我想将详细信息对象绑定到上面的表单字段，因此我使用下面的java脚本方法。我不知道我哪里出错我的对象数据没有与我的表单绑定

所以，请帮助我如何做到这一点

多谢各位

<!DOCTYPE html>
<html>
    <body>
        <div>
            <form>
                Name&nbsp<input id="name" type="text" name="name"><br>
                Place&nbsp<input id="place" type="text" name="place"><br>
                Age&nbsp<input id="age" type="text" name="age">  
            </form> 
        </div>
        <script>

            var details ={name:'Krishna',place:'India',age:26}; 

            document.getElementById("name").innerHTML=details.name;
            document.getElementById("place").innerHTML=details.palce;
            document.getElementById("age").innerHTML=details.age;

        </script>
    </body>
</html>


名称

地点

年龄
var详细信息={姓名：'Krishna'，地点：'India'，年龄：26}；
document.getElementById（“name”）.innerHTML=details.name；
document.getElementById（“place”）.innerHTML=details.palce；
document.getElementById（“age”）.innerHTML=details.age；

正如@Jaromanda X在评论中提到的，输入字段没有innerHTML。相反，您应该尝试设置值属性

    <script>
        var details ={name:'Krishna',place:'India',age:26}; 
        document.getElementById("name").value = details.name;
        document.getElementById("place").value = details.place;
        document.getElementById("age").value = details.age;
    </script>


var详细信息={姓名：'Krishna'，地点：'India'，年龄：26}；
document.getElementById（“name”）.value=details.name；
document.getElementById（“place”）.value=details.place；
document.getElementById（“age”）.value=details.age；

这应该可以解决问题。

标记没有

innerHTML

，请使用

.value

而不是代替-->位置