Question

我想创建一个最终将作为电子邮件发送的html。电子邮件将有密码但隐藏。电子邮件将提供类似提交按钮的内容。点击它，应该获取隐藏的密码并在POST请求中发送。如何在提交按钮下面隐藏密码

我有如下HTML：

<!DOCTYPE html>
<html>
    <body>
        <form action="/action_page.php">
            Username: <input type="text" name="usrname"><br>
            <input type="submit" value="Submit">
        </form>
    </body>
</html>

Answer 1

试试这个你可以使用电子邮件获取密码并传递到输入字段

<input id="prodId" name="prodId" type="hidden" value="xm234jq">

Answer 2

最好在提交表单后生成密码，但如果你真的想：

<form #demoForm="ngForm">
    <mat-form-field >
        <mat-chip-list #chipList>
            <mat-chip *ngFor="let item of list" [selectable]="true"
                          (remove)="remove(item)" required" #chips="ngModel" name="chips">
                  {{item}}
                  <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
            </mat-chip>
                <input placeholder="enter item"
                       [matChipInputFor]="chipList"
                       [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
                       [matChipInputAddOnBlur]="true"
                       (matChipInputTokenEnd)="add($event)"/>
        </mat-chip-list>
    </mat-form-field>    
    <button mat-button type="submit" [disabled]="demoForm.invalid">Submit</button>
</form>

Answer 3

<input type="hidden" value="thepassword">

然而，如果这真的是一个＆＃34;密码＆＃34;我不推荐这个，因为任何人都可以检查代码并找到它，即使它在视觉上是隐藏的。如果它不是＆＃34;密码＆＃34;更像是标识符标签或其他东西，但这样可以正常工作。

带隐藏密码的HTML

3 个答案: