如何动态添加一个新的行,像这样的网站?

时间:2019-05-26 10:32:03

标签: javascript html frontpage

我想像在此站点中一样添加新行? SITE

我的网站是用基本的网络语言,HTML5,CSS,VANILLA JAVASCRIPT和PHP构建的。

我不知道该怎么做?

我的网站上已经有一个简单的表单,并且我使用Java的getElementByID来获取值,但是在这种情况下,动态获取值的最佳方法是什么?

预先感谢

You can see an image of what I pretend here

2 个答案:

答案 0 :(得分:0)

这是一个简单的例子

div input { 
margin: 20px 10px;
}
<button onclick="newrow()">New Row</button>
<div id="rows">
<div><input type="text"><input type="text"><input type="text"></div>
<div>
<script>
function newrow() {
  document.getElementById("rows").innerHTML += "<div><input type='text'><input type='text'><input type='text'></div>";
}
</script>

答案 1 :(得分:0)

这是一个简单的表单示例,可在提交时添加新行

$response = $client->request('POST', 'https://api.moodys.com/rest/mobile/oauth/token?client=0', [
    'form_params' => [
        'username' => 'test@gmail.com',
        'grant_type' => 'password',
        'password' => 'testpassword',
    ]
])