Formun İçindekileri Txt Olarak Nasıl İndirebilirim?

15-03-2021, 11:25:42

#1

KarayelHosting

Merhabalar,
Bir Formum Var Ve Bu Formun içindeki veriyi txt olarak indirilmesini istiyorum.
Bunu Nasıl yapabilirim ve ya internette ne diye aratabilirim Yardım ederseniz sevinirim.
İndirilecek Text Alanı
<textarea class="custom-text w-full" style="display:none;" name="newcode" cols="50" rows="6"></textarea>

Kabul Edilen Cevap

0 Beğeni

KarayelHosting adlı üyeden alıntı: mesajı görüntüle

Merhabalar,
Bir Formum Var Ve Bu Formun içindeki veriyi txt olarak indirilmesini istiyorum.
Bunu Nasıl yapabilirim ve ya internette ne diye aratabilirim Yardım ederseniz sevinirim.
İndirilecek Text Alanı
<textarea class="custom-text w-full" style="display:none;" name="newcode" cols="50" rows="6"></textarea>

Örnek Form..

<!DOCTYPE html>
<html>
<head>
<title>Save form Data in a Text File using JavaScript</title>
<style>
* {
box-sizing: border-box;
}
    div {
padding: 10px;
background-color: #f6f6f6;
overflow: hidden;
}
    input[type=text], textarea, select {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type=button]{
width: auto;
float: right;
cursor: pointer;
padding: 7px;
}
</style>
</head>
<body>
<div>

<!--Add few elements to the form-->

<div>
<input type="text" id="txtName" placeholder="Enter your name" />
</div>
<div>
<input type="text" id="txtAge" placeholder="Enter your age" />
</div>
<div>
<input type="text" id="txtEmail" placeholder="Enter your email address" />
</div>
<div>
<select id="selCountry">
<option selected value="">-- Choose the country --</option>
<option value="India">India</option>
<option value="Japan">Japan</option>
<option value="USA">USA</option>
</select>
</div>
<div>
<textarea id="msg" name="msg" placeholder="Write some message ..." style="height:100px"></textarea>
</div>

<!--Add to button to save the data.-->
<div>
<input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
</div>
</div>
</body>
<script>
let saveFile = () => {
    
// Get the data from each element on the form.
    const name = document.getElementById('txtName');
const age = document.getElementById('txtAge');
const email = document.getElementById('txtEmail');
const country = document.getElementById('selCountry');
const msg = document.getElementById('msg');

// This variable stores all the data.
let data =
'r Name: ' + name.value + ' rn ' +
'Age: ' +age.value + ' rn ' +
'Email: ' + email.value + ' rn ' +
'Country: ' + country.value + ' rn ' +
'Message: ' + msg.value;

// Convert the text to BLOB.
const textToBLOB = new Blob([data], { type: 'text/plain' });
const sFileName = 'formData.txt';     // The file to save the data.

let newLink = document.createElement("a");
newLink.download = sFileName;

if (window.webkitURL != null) {
newLink.href = window.webkitURL.createObjectURL(textToBLOB);
}
else {
newLink.href = window.URL.createObjectURL(textToBLOB);
newLink.style.display = "none";
document.body.appendChild(newLink);
}

newLink.click();
}
</script>
</html>

link: https://www.encodedna.com/javascript...javascript.htm Try İt deneyebilirsin.

15-03-2021, 13:27:03

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

webkit

KarayelHosting adlı üyeden alıntı: mesajı görüntüle

Örnek Form..

<!DOCTYPE html>
<html>
<head>
<title>Save form Data in a Text File using JavaScript</title>
<style>
* {
box-sizing: border-box;
}
    div {
padding: 10px;
background-color: #f6f6f6;
overflow: hidden;
}
    input[type=text], textarea, select {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type=button]{
width: auto;
float: right;
cursor: pointer;
padding: 7px;
}
</style>
</head>
<body>
<div>

<!--Add few elements to the form-->

<div>
<input type="text" id="txtName" placeholder="Enter your name" />
</div>
<div>
<input type="text" id="txtAge" placeholder="Enter your age" />
</div>
<div>
<input type="text" id="txtEmail" placeholder="Enter your email address" />
</div>
<div>
<select id="selCountry">
<option selected value="">-- Choose the country --</option>
<option value="India">India</option>
<option value="Japan">Japan</option>
<option value="USA">USA</option>
</select>
</div>
<div>
<textarea id="msg" name="msg" placeholder="Write some message ..." style="height:100px"></textarea>
</div>

<!--Add to button to save the data.-->
<div>
<input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
</div>
</div>
</body>
<script>
let saveFile = () => {
    
// Get the data from each element on the form.
    const name = document.getElementById('txtName');
const age = document.getElementById('txtAge');
const email = document.getElementById('txtEmail');
const country = document.getElementById('selCountry');
const msg = document.getElementById('msg');

// This variable stores all the data.
let data =
'r Name: ' + name.value + ' rn ' +
'Age: ' +age.value + ' rn ' +
'Email: ' + email.value + ' rn ' +
'Country: ' + country.value + ' rn ' +
'Message: ' + msg.value;

// Convert the text to BLOB.
const textToBLOB = new Blob([data], { type: 'text/plain' });
const sFileName = 'formData.txt';     // The file to save the data.

let newLink = document.createElement("a");
newLink.download = sFileName;

if (window.webkitURL != null) {
newLink.href = window.webkitURL.createObjectURL(textToBLOB);
}
else {
newLink.href = window.URL.createObjectURL(textToBLOB);
newLink.style.display = "none";
document.body.appendChild(newLink);
}

newLink.click();
}
</script>
</html>

link: https://www.encodedna.com/javascript...javascript.htm Try İt deneyebilirsin.

15-03-2021, 14:59:56

KarayelHosting

webkit adlı üyeden alıntı: mesajı görüntüle

Örnek Form..

<!DOCTYPE html>
<html>
<head>
<title>Save form Data in a Text File using JavaScript</title>
<style>
* {
box-sizing: border-box;
}
    div {
padding: 10px;
background-color: #f6f6f6;
overflow: hidden;
}
    input[type=text], textarea, select {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type=button]{
width: auto;
float: right;
cursor: pointer;
padding: 7px;
}
</style>
</head>
<body>
<div>

<!--Add few elements to the form-->

<div>
<input type="text" id="txtName" placeholder="Enter your name" />
</div>
<div>
<input type="text" id="txtAge" placeholder="Enter your age" />
</div>
<div>
<input type="text" id="txtEmail" placeholder="Enter your email address" />
</div>
<div>
<select id="selCountry">
<option selected value="">-- Choose the country --</option>
<option value="India">India</option>
<option value="Japan">Japan</option>
<option value="USA">USA</option>
</select>
</div>
<div>
<textarea id="msg" name="msg" placeholder="Write some message ..." style="height:100px"></textarea>
</div>

<!--Add to button to save the data.-->
<div>
<input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
</div>
</div>
</body>
<script>
let saveFile = () => {
    
// Get the data from each element on the form.
    const name = document.getElementById('txtName');
const age = document.getElementById('txtAge');
const email = document.getElementById('txtEmail');
const country = document.getElementById('selCountry');
const msg = document.getElementById('msg');

// This variable stores all the data.
let data =
'r Name: ' + name.value + ' rn ' +
'Age: ' +age.value + ' rn ' +
'Email: ' + email.value + ' rn ' +
'Country: ' + country.value + ' rn ' +
'Message: ' + msg.value;

// Convert the text to BLOB.
const textToBLOB = new Blob([data], { type: 'text/plain' });
const sFileName = 'formData.txt';     // The file to save the data.

let newLink = document.createElement("a");
newLink.download = sFileName;

if (window.webkitURL != null) {
newLink.href = window.webkitURL.createObjectURL(textToBLOB);
}
else {
newLink.href = window.URL.createObjectURL(textToBLOB);
newLink.style.display = "none";
document.body.appendChild(newLink);
}

newLink.click();
}
</script>
</html>

link: https://www.encodedna.com/javascript...javascript.htmTry İt deneyebilirsin.

Teşekkür ederim