https://prnt.sc/s-DP-xCrGDUz dostlar merhaba resimde ki gibi inputlarım var fakat yukarıda ki şekilde oluşturmak istiyorum. Yukarıda ki kısım former ile oluştuğundan düzgün görünüyor. bende ona uyumlu yapmaya çalışıyorum çünkü ekle butonuna bastıkça bu inputlar oluşuyor bu yüzden saçma sapan oluyor acaba css bilgisi olan birisi bana yardımcı olabilir mi ?
Tabi bir de şöyle bir problemim daha var
Bu inputlara verileri ekledik veri tabanına kaydettik diyelim ilk 2 inputta veri var onları nasıl gösterecem tekrar ekran da 😃
<div id="input-container">
<!-- Initial input fields -->
<div class="input-row">
{!!
Former::text('link_1_name')
->addGroupClass('row')
->label('1. Buton İsmi')
->placeholder("1. Buton İsmi")
!!}
{!!
Former::text('link_1')
->addGroupClass('row')
->label('1. Link')
->placeholder("1. Link")
!!}
</div>
</div>
<button id="add-input" type="button">Ekle</button>
<script>
var inputContainer = document.getElementById("input-container");
var addInputButton = document.getElementById("add-input");
var inputCount = 1;
function addInputRow() {
if (inputCount >= 4) {
alert("Maksimum 4 satır izin verilir!");
return;
}
// Create new input row
var newRow = document.createElement("div");
newRow.className = "row";
// Create Link input
var newLinkLabel = document.createElement("label");
newLinkLabel.htmlFor = "link_" + (inputCount + 1);
newLinkLabel.textContent = "Link " + (inputCount + 1) + ":";
newRow.appendChild(newLinkLabel);
var newLinkInput = document.createElement("input");
newLinkInput.type = "text";
newLinkInput.name = "link_" + (inputCount + 1);
newLinkInput.id = "link_" + (inputCount + 1);
newRow.appendChild(newLinkInput);
// Create Link Name input
var newLinkNameLabel = document.createElement("label");
newLinkNameLabel.htmlFor = "link_" + (inputCount + 1) + "_name";
newLinkNameLabel.textContent = "Link " + (inputCount + 1) + " Name:";
newRow.appendChild(newLinkNameLabel);
var newLinkNameInput = document.createElement("input");
newLinkNameInput.type = "text";
newLinkNameInput.name = "link_" + (inputCount + 1) + "_name";
newLinkNameInput.id = "link_" + (inputCount + 1) + "_name";
newRow.appendChild(newLinkNameInput);
// Append new row to container
inputContainer.appendChild(newRow);
inputCount++;
if (inputCount >= 4) {
addInputButton.disabled = true;
}
}
addInputButton.addEventListener("click", addInputRow);
</script>