Guten Tag, ich habe ein Problem, den ich bekomme nach dem Absenden der Text eingabefelder diese nicht geleert über die>> value Funktion<<für die neuen Texteingaben. Ich bin mir sicher es ist bestimmt ein simples Problem, aber irgendwie sehe ich den Wald vor lauter >Bäume nicht. Leider bekomme ich die Value-Funktion nicht so hin, wie ich möchte. Hat einer ein tip oder weis wie ich mein HTML umstellen muss.
<!DOCTYPE html>
<html>
<head>
<br>
<div align='center'>
<img src=
</div>
<base target="_top">
<style>
body {
background: #021d49;
font-family: Arial, Arial;
color: #e6e9f1;
font-size: 13pt;
margin: 0px;
padding: 10px;
}
label {
font-weight: bold;
text-transform: uppercase;
}
input[type="text"] {
width: 270px;
padding: 15px;
height: 50px;
margin-bottom: 15px;
border: 3px outset #FF0000;
border-radius: 7px;
font-size: 15pt;
box-sizing: border-box;
}
input[type="button"] {
display: block;
margin: 0 auto 7px auto;
cursor: pointer;
width: 120px;
padding: 15px 2px;
background-color: #FF0000;
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 12pt;
text-align: center;
text-decoration: none;
border: 1px solid #FF0000;
border-radius: 7px;
transition: background 0.2s ease-out;
}
input[type="button1"] {
display: block;
margin: 0 auto 7px auto;
cursor: pointer;
width: 120px;
padding: 15px 2px;
background-color: #FF0000;
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 12pt;
text-align: center;
text-decoration: none;
border: 1px solid #FF0000;
border-radius: 7px;
transition: background 0.2s ease-out
}
input[type="button1"]:hover {
background-color: #19911b;
color: #000000;
}
input[type="button"]:hover {
background-color: #19911b;
color: #000000;
}
</style>
<style>
::-ms-input-placeholder { /* Edge 12-18 */
color: red;
}
::placeholder {
color: red;
}
</style>
</head>
<body>
<form id="itemForm">
<input type="text" id="sku" name="sku" placeholder="SKU">
<br>
<br>
<input type="text" id="color" name="color" placeholder="Color">
<br>
<br>
<input type="text" id="size" name="size" placeholder="Sitze">
<br>
<br>
<input type="text" id="description" name="description" placeholder="Description">
<br>
<br>
<div style="display: flex">
<input type="button" value="Submit" onclick="submitForm()">
<input type="button1" value="Reset" onclick="form.reset()">
</div>
</form>
<script>
function submitForm() {
var form = document.getElementById('itemForm');
var formData = {
'sku': form.sku.value,
'color': form.color.value,
'size': form.size.value,
'description': form.description.value
};
google.script.run.processForm(formData);
}
</script>
</body>