Member 13927646 Ответов: 1

Как я могу получить значение HTML - формы, которое я ввел в форму, в txt-файл?

 <!DOCTYPE html>
<html>
<head>
    <style>
        form * {
            display: block;
            margin: 10px;
        }
    </style>
    <script language="Javascript">
function download(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' +

encodeURIComponent(text));
        pom.setAttribute('download', filename);

        pom.style.display = 'none';
        document.body.appendChild(pom);

        pom.click();

        document.body.removeChild(pom);

 
        }

       



    </script>
</head>
<body>
    <h1>Registration Form</h1>

      <input type="text" name="name" value="test.txt">
    <form onsubmit="download(this['name'].value, this['text'].value)">


        <p>
            <label for="fname">Name</label>
            <input type="text" id="Fullname" name="Fullname" placeholder="Your name..">
          
        </p>


        <p>
            <label for="lname">Email Id</label>
            <input type="text" id="EmailId" name="EmailId" placeholder="Enter Valid Email Id">
           
        </p>

        <p>
            <label for="City">City</label>
            <select id="City" name="City">
                <option value="Chennai">chennai</option>
                <option value="Bangalore">Bangalore</option>
                <option value="Hyderabad">Hyderabad</option>
                <option value="Delhi">Delhi</option>
                <option value="Calcutta">Calcutta</option>
                <option value="Mumbai">Mumbai</option>
            </select>
           
        </p>

        <p>
            <label for="Gender">Gender</label>
            <input type="radio" name="radio" value="Male" onclick="getElementById('problem').value=this.value;"> Male<br>
            <input type="radio" name="radio" value="Female" onclick="getElementById('problem').value=this.value;"> Female<br>

            <input type="text" name="problem" id="problem">
            
        </p>

        <label for="Queries">Queries</label>
        <textarea id="Queries" name="text" placeholder="Write your Queries"> </textarea>


        
            <input type="submit" value="SAVE">
        </form>
</body>
</html>


Что я уже пробовал:

Значения, которые я ввел только в текстовую область, воспроизводятся в текстовом файле.. Но я должен получить все значения из формы в блокнот... пожалуйста, разберитесь с этим...

lw@zi

Вопрос не совсем ясен. Что вы пытаетесь сделать и где вы застряли? А что вы пробовали?

OriginalGriff

Это не очень хороший вопрос - мы не можем понять из этого малого, что вы пытаетесь сделать.
Помните, что мы не можем видеть ваш экран, получить доступ к вашему жесткому диску или прочитать ваши мысли - мы получаем только то, что вы печатаете для работы. Какой Блокнот? В какой форме? Мы понятия не имеем, о чем вы говорите и какого черта вы пытались сделать.

Используйте виджет "улучшить вопрос", чтобы отредактировать свой вопрос и предоставить более подробную информацию.

F-ES Sitecore

Что делать, если у меня не установлен Блокнот?

1 Ответов

Рейтинг:
0

Richard Deeming

Передайте элемент формы функции и выполните итерацию по его элементу. elements коллекция для построения текста:

<form onsubmit="download(this['name'].value, this)">

function download(filename, form) {
    var lines = [];
    var elements = form.elements;
    for (var i = 0; i < elements.length; i++) {
        var field = elements[i];
        if (!field.name) { continue; }

        switch (field.type) {
            case "radio":
            case "checkbox": {
                if (field.checked) {
                    lines.push(field.name + ": " + field.value);
                }
                break;
            }
            default: {
                lines.push(field.name + ": " + field.value);
                break;
            }
        }
    }
    
    var text = lines.join("\n");
    var pom = document.createElement('a');
    pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    pom.setAttribute('download', filename);
    pom.style.display = 'none';
    document.body.appendChild(pom);
    pom.click();
    document.body.removeChild(pom);
}

Демонстрация[^]