Блог

У меня есть веб-страница в формате html, на которой записаны имя и фамилия человека. При нажатии кнопки «Отправить» в текстовой области отобразится адрес , введенный с именем и фамилией , на самом деле я ограничил текстовое поле 50 символами. Но если кто-то дает небольшой адрес, все содержимое смещается влево. Я хочу, чтобы все записи были в правильной сети выравнивания

Например, если я дал 2 входа,

1. имя-киран,имя-бхал,адрес — Киран Бхаван,Пуна 2.имя-нандита,имя-дас,адрес — НАНДИТА,tc10/10,улица 11,Пуна

Вывод, который я получаю

1. Пожалуйста, найдите адрес Киран Бхаван, Пуна, Киран Бхал
2. Пожалуйста,найдите адрес НАНДИТА, tc10/10,улица 11,Пуна, Нандита Дас

Оба не в одном и том же положении

Результат, который я хочу, это

И fname,и lname, и адрес находятся в одном и том же положении для всех.

Если адрес небольшой, заполните оставшиеся пробелы пустыми

Код-это

 lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;scriptgt;  function IV() {  var fname = document.getElementById("fname").value;   var lname = document.getElementById("lname").value;  var address= document.getElementById("address").value;  var result = 'Please find the address of'  address 'of ' fname'   ' lname  document.getElementById('spanResult').textContent = result;    }   lt;/scriptgt;    lt;/headgt;  lt;headergt;      lt;h1gt;SNA fname - IVlt;/h1gt;  lt;/headergt;  lt;bodygt;   lt;tablegt;   lt;form gt;  lt;tbodygt;   lt;trgt;   lt;td align="middle" colspan="2"gt;   lt;/tdgt;   lt;/trgt;   lt;trgt;   lt;td width="24%" style="width: 20%"gt;   First name :  lt;/tdgt;   lt;tdgt;   lt;input id="fname" size="30" name="fname" /gt;  lt;/tdgt;   lt;td width="9%"gt;   lt;/tdgt;   lt;/trgt;   lt;trgt;   lt;td style="width: 20%"gt;   Last name:   lt;/tdgt;   lt;tdgt;   lt;input id="lname" size="30" name="lname" /gt;   lt;/tdgt;   lt;/trgt;   lt;trgt;   lt;td style="width: 20%"gt;   Address:   lt;/tdgt;   lt;tdgt;   lt;input id="address" size="30" name="address" /gt;   lt;/tdgt;   lt;/trgt;     lt;/trgt;   lt;/tbodygt;   lt;/tablegt;     lt;/form gt;  lt;button onclick=  "IV()" gt;IVlt;/buttongt; lt;br /gt;  lt;textarea id="spanResult" rows="10" cols="200"gt;lt;/textareagt;   lt;/bodygt;  lt;/htmlgt;