Javascript 将html放入输入字段

我希望在用户的输入字段中有预定义的（在“Einkommen”字段中）文本（见图）

我该怎么做

以下是其他字段的代码：

<script type="text/javascript">

    function sumValues() {

        var num1;
        var num3;
        var num4;

        num1 = Number(document.formcalc.txtnum1.value);
        num3 = ((num1 * 0.12) - (num1 * 0.118)) / 12;
        num4 = ((num1 * 0.12) - (num1 * 0.118)) * 15500;

        document.formcalc.txtres.value = 'Fr. ' + Math.round(num3) + '.-';
        document.formcalc.txtres2.value = 'Fr. ' + Math.round(num4) + '.-';
        // document.getElementById("result").value = res;
    }

</script>

函数sumValues（）{
var num1；
var num3；
var num4；
num1=编号（document.formcalc.txtnum1.value）；
num3=（（num1*0.12）-（num1*0.118））/12；
num4=（（num1*0.12）-（num1*0.118））*15500；
document.formcalc.txtres.value='Fr.+Math.round（num3）+'.-'；
document.formcalc.txtres2.value='Fr.+Math.round（num4）+'.-'；
//document.getElementById（“结果”）.value=res；
}

你问什么还不太清楚。 但在使用JavaScript的HTML中，您的评论是：

document.getElementById("result").value = "90000";

如果您的目的是在输入上设置值，则实际上是正确的

另外，我想知道“预定义”是指实际文本还是仅指占位符？

这是我的代码：

<div class="container content-center" id="margin">
    <form name="formcalc">
        <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Einkommen</label>
            <div class="col-sm-10">
                <!-- <div class="input-group-addon">Fr.</div> -->
                <input type="text" class="form-control" name="txtnum1">
            </div>
        </div>
        <fieldset disabled>
            <div class="form-group row">
                <label for="staticEmail" class="col-sm-2 col-form-label">Dein Ersparniss / Jahr</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="txtres" readonly>
                </div>
            </div>
            <div class="form-group row">
                <label for="staticEmail" class="col-sm-2 col-form-label">Verlust Stadt Wil / Jahr</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="txtres2" readonly>
                </div>
            </div>
        </fieldset>
        <input type="button" class="btn btn-danger" value="Berechnen" onClick="sumValues()">
    </form>
    <hr class="featurette-divider">

    <section class="container">
        <p class="lead" id="lead"> Ist es dir Wert, dass deine Stadt pro Jahr XXX weniger Budget zur Verfügung hat
            und du XXX mehr pro Jahr in der Tasche hast?
        </p>

    </section>

    <hr class="featurette-divider">
    <small class="d-block mb-3 text-muted">created by Behar Zenuni</small>

</div>

艾因科门
Dein Ersparniss/Jahr
维卢斯特·施塔特·威尔/加尔

这是我们的董事会，我们的预算是多少
你有没有在塔什市的一家超市？


由Behar Zenuni创建

---

我希望在用户输入数字之前，输入字段中已经有“Fr.”

如果我了解您想要什么，您希望自动将“Fr.”前缀和“.-”后缀添加到您的值中，对吗？一种方法是使用，因此当用户单击/导航出字段时，代码将添加其余部分

例如，您的HTML是：

并将此函数添加到Javascript中：

ES5：

ES6：

---

我想这就是你想要的：

$（文档）.ready（函数（）{
sumValues=函数（）{
var num1；
var num3；
var num4；
num1=90000；
num3=（（num1*0.12）-（num1*0.118））/12；
num4=（（num1*0.12）-（num1*0.118））*15500；
$（'input[name=“txtnum1”]”）val（num1）；
$（'input[name=“txtres1”]'）.val（'Fr.+Math.round（num3）+'.-'）；
$（'input[name=“txtres2”]'）.val（'Fr.+Math.round（num4）+'.-'）；
$（'input[name=“txtnum1”]”）。addClass（“彩色背景”）；
};
})

。彩色背景{
背景：黄色！重要；
}

艾因科门
Dein Ersparniss/Jahr
Dein Ersparniss/Jahr

不清楚您想做什么。您能提供更多信息吗？当您想更改输入的颜色时？那么，在用户输入数字之前，您希望输入字段中已经有“Fr.”吗？我真的不明白…请发布你的html代码。当页面加载时，是否希望它在那里？在这种情况下，只需使用

value=”“

标记即可。或者，如果它应该是一个提示，您可以使用

占位符=“

标记。@DimitrisDamilos是的，没错！sry对该标签的错误理解：Dein Ersparniss/Jahrys您不必在答案中输入代码。只需编辑原始问题如果用户可以多次输入数据，最好先替换

val（）

中的

Fr.

。@KHansen正确！因此，如果这是他们所需要的，他们可以添加类似于

e.value=e.value.replace（'Fr.'，''）.replace（'.-'，''）在更新之前，或者更好的先提取值的东西。这就是我要找的！非常感谢。您还可以告诉我如何“Fr…”也用于第一个输入字段吗？@zenubeh将第一个输入字段的当前代码替换为：
。此部分->
value=“Fr..-”
负责将“Fr..-”值放入输入字段。顺便说一句，如果这个解决方案对你有效，你就可以把它作为公认的答案，这样对其他人找到答案会有帮助。但是如果我想让我自己的主人知道，它就不起作用了。在代码中，第一个输入预定义为“9000”。如果我想放点什么呢number@zenubeh在JavaScript代码中，
num1=90000num1
的值，则code>将设置第一个输入的值。
function formatValue(e) {
    e.value = 'Fr. ' + e.value + '.-';
};

const formatValue = e => e.value = `Fr. ${e.value}.-`;