forms 相关问题

Bash - 在 yad 形式组合框中使用变量

Yad 中的 Bash 变量。 亚德'！'字段分隔符未分隔字段。 在研究了 yad 手册页和其他 yad 资源的其他问题后，这让我感到困惑。 我正在尝试使用

如何使用 ssr 应用程序使我的 formControlName 在 Angular 17 的子输入组件中工作

我收到此错误： main.ts:6 ERROR 错误：NG01050：formControlName 必须与父 formGroup 指令一起使用。您需要添加一个 formGroup 指令并向其传递现有的 FormG...

将表单中的对象传递给 JSP

我遇到了以下问题，我有两个班级Student和Faculty，Student有一个Faculty字段。问题是：我怎样才能将这种形式的对象准确地传递到教师领域......

为什么当我提交表单时只有两列值保存到数据库中？

我已经尝试解决我目前遇到的这个问题一周了。所以我希望我能在这里找到解决方案。 我有一个 HTML 文件，其中包含带有“POST”m 的注册表单...

Django 表单不会保存到管理员

我有一个 Django 项目，其中我们应该有一个带有表单的页面，我们应该填写信息并将其存储到管理员。 HTML（表单） 我有一个 Django 项目，其中我们应该有一个带有表单的页面，我们应该填写信息并将其存储到管理员。 HTML（表单） <form action="{% url 'add_movies' %}" method="POST" anctype="multipart/form-data"> {% csrf_token %} <!--{{form}}--> <div class="textboxes"> <div class="formbox1"> <div class="text1"> <label for="input-box">Movie Title:</label> </div> <div class="box1"> <input type="text" id="input-box" placeholder="Title here" name="title"> </div> </div> <div class="formbox2"> <div class="text2"> <label for="input-box">Description:</label> </div> <div class="box2"> <textarea rows="10" cols="30" name="description"> </textarea> </div> </div> <div class="formbox3"> <div class="text3"> <p>Image:</p> </div> <div class="box3"> <input type="file" name="image" id="image" name="image"> </div> </div> <div class="formbox4"> <div class="text4"> <p>Category:</p> </div> <div class="box4"> <select name="categoria" id="category" name="category"> <option value="1">ACTION</option> <option value="2">DRAMA</option> <option value="3">CRIME</option> <option value="4">HORROR</option> <option value="5">SCI-FI</option> <option value="6">MYSTERY</option> <option value="7">FAMILY</option> <option value="8">COMEDY</option> <option value="9">FANTASY</option> </select> </div> </div> <div class="formbox5"> <div class="text5"> <p>Classification:</p> </div> <div class="box5"> <select name="classification" id="classification" name="classification"> <option value="1">1/10</option> <option value="2">2/10</option> <option value="3">3/10</option> <option value="4">4/10</option> <option value="5">5/10</option> <option value="6">6/10</option> <option value="7">7/10</option> <option value="8">8/10</option> <option value="9">9/10</option> <option value="10">10/10</option> </select> </div> </div> <div class="formbox6"> <div class="text6"> <p>Release Date:</p> </div> <div class="box6"> <input type="date" name="date" id="date" name="date"> </div> </div> <div class="formbox7"> <div class="text7"> <p>Actors:</p> </div> <div class="box7"> <textarea name="actors" rows="10" cols="30" name="actors"> </textarea> </div> </div> <div class="formbox8"> <div class="text8"> <p>Producer:</p> </div> <div class="box8"> <input type="text" id="producer" name="producer"> </div> </div> </div> <button onclick="AddMovie()" class="add" type="submit" class="btn">Add</button> </form> 观点.PY from django.shortcuts import render, redirect from .models import * from .forms import MovieForm, SerieForm def movie(request): movie = Movie.objects.all() serie = Serie.objects.all() pages = {'movies': movie, 'series': serie} return render (request, 'filme/base.html', pages) #detail series def series_detail(request, id): serie = Serie.objects.get(id=id) pages = { "serie": serie } return render (request, 'filme/serie_details.html') def movies_detail(request, id): movie = Movie.objects.get(id=id) pages = { "movie": movie } return render (request, 'filme/movie_details.html') def add_movies(request): if request.method == "POST": form = MovieForm(request.POST, request.FILES) #print('this is post') if form.is_valid(): form.save() return redirect('movie') else: return render(request, 'filme/addmovies.html', {'form': form}) else: form= MovieForm() return render(request, 'filme/addmovies.hmtl') if form.is_valid(): form.save() return redirect('movie_details') else: form = MovieForm() return render(request, 'filme/addmovies.html', {'form': form}) URLS.PY from django.urls import path from . import views #app_name= "filme" urlpatterns = [ path('', views.movie, name="movie"), #nome do def do views.py path('movie', views.movie), path('movies_details/<int:id>', views.movies_detail, name="movie_details"), path('serie_details/<int:id>', views.series_detail, name="series_details"), path('addseries/<int:id>', views.add_series, name="add_series"), path('filme/addmovies/<int:Movie_id>', views.add_movies, name='add_movies') ] 模型.PY from django.db import models # Create your models here. CATEGORY_CHOICES = ( ('ACTION', 'AC'), ('DRAMA', 'DR'), ('CRIME', 'CR'), ('HORROR', 'HO'), ('SCI-FI', 'SF'), ('MYSTERY', 'MY'), ('FAMILY', 'FA'), ('COMEDY', 'CO'), ('FANTASY', 'FY'), ) CLASSIFICATION_CHOICES = ( ('1/10', '1'), ('2/10', '2'), ('3/10', '3'), ('4/10', '4'), ('5/10', '5'), ('6/10', '6'), ('7/10', '7'), ('8/10', '8'), ('9/10', '9'), ('10/10', '10'), ) SEASON_CHOICES = ( ('1', '1'), ('2', '2'), ('3', '3'), ('4', '4'), ('5', '5'), ('6', '6'), ('7', '7'), ('8', '8'), ('9', '9'), ) class Movie(models.Model): title = models.CharField(max_length=100) description = models.TextField(max_length=1000) image = models.ImageField(upload_to='assets') category = models.CharField(choices=CATEGORY_CHOICES, max_length=8) classification = models.CharField(choices=CLASSIFICATION_CHOICES, max_length=6) date = models.DateField() pactors = models.TextField(max_length=1000) sactors = models.TextField(max_length=1000) producer = models.TextField(max_length=50) trailer_url = models.URLField(max_length=500) def __str__(self): return self.title 表格.PY from django import forms from .models import Movie, Serie from django.forms import ModelForm class MovieForm(ModelForm): #if not work switch to MovieForm title = forms.TextInput() #delete till line 11 if not working description = forms.TextInput() date = forms.DateField() image = forms.ImageField() category = forms.CharField() classification = forms.CharField() pactors = forms.TextInput() sactors = forms.TextInput() producer = forms.TextInput() trailer_url = forms.URLField() class Meta: model= Movie fields = ['title', 'description', "image","category","classification","date","sactors","producer","trailer_url"] 管理员.PY from django.contrib import admin from filme.models import Movie, Serie from .forms import MovieForm # Register your models here. class MovieAdmin(admin.ModelAdmin): #remove if not working form = MovieForm list_display=['title'] admin.site.register(Movie, MovieAdmin) admin.site.register(Serie) 这已经是我第二次开始这个项目了，因为另一个项目也遇到了同样的问题，而且它变得如此混乱，我不得不重新开始。我已经尝试过 youtube 教程并询问 ChatGPT，但没有解决任何问题。模型“电影”显示在管理页面中，但如果我填写表单并单击“添加”，它会将我重定向到同一表单页面，并且管理中的“电影”部分保持为空。请帮助我，我需要在周一之前完成这件事，我很绝望:') 渲染 html 页面时，您的 add_movies 视图中有拼写错误（html 的拼写不正确），它应该是 addmovies.html 而不是 addmovies.hmtl 您有 return render(request, 'filme/addmovies.hmtl') 而不是 return render(request, 'filme/addmovies.html')。

文件上传不起作用 | php

我正在尝试在 php 中上传文件但无法执行此操作。我尝试上传的文件是 csv 文件，但不必担心。我正在使用 php 上传我的文件。我也在尝试处理...

如何让flask中的请求标签发挥作用

在过去的一个小时里，我一直在尝试使请求标签在烧瓶中工作。 这是我在 server.py 中的代码： @app.route('/login',methods=['post']) def receive_data(): user = request.form['用户名...

如何在 Colab 中从数组添加表单元素

我在尝试使用数组作为下拉列表的元素时遇到了麻烦。我尝试用谷歌搜索它，但它只引导我找到列出所有选项的官方文档，但我的变量会动态

_next 未重定向到自定义页面联系我们

联系我们 ...

如何使 HTML 表单在填写字段后、提交之前永久生效？

上下文：我认为用笔在纸上填写表格会让人们更加注意它所写的内容，我想知道是否有办法将其转化为 html 表格。 预期行为...

Symfony 表单生成非预期的占位符元素

通常，应该有两个输出都填充了分类ID - 不知何故，有一个“占位符”元素会导致错误。我真的不明白它从哪里来，任何想法......

使用 Material UI 提交表单

我正在尝试在 Material UI 中构建一个简单的表单，其中包含登录名和密码 TextField 以及用于提交表单的按钮。处理按钮上的事件并提交表单的最佳方式是什么？

使用 Laravel Request 在更新方法上传递空字段

我正在通过经典提交的表单获取数据，但由于某种原因，我没有获取请求中的所有输入数据，它只更新收到的数据。 模型::查找($id)->更新($request->al...

不同屏幕分辨率下的 MS Access 表单

我已在 MS Access 上创建了一个表单。我的屏幕分辨率是 1920 X 1080。表格适合屏幕，没有任何问题。当其他人在计算机上使用该表单时，他们必须向下滚动到

HTML 单选按钮允许多项选择

在我的 HTML 表单中，我有以下一组单选按钮，具体取决于您选择的单选按钮取决于显示的下一个表单 ，这一切都有效。问题是... 在我的 HTML 表单中，我有以下一组单选按钮，具体取决于您选择的单选按钮取决于显示的下一个表单<fieldset>，这一切都有效。问题是由于某种原因，它们像复选框一样工作，而不是单选按钮。因此您可以选择所有选项，而不仅仅是一次选择一个选项。 谁能看出下面的代码哪里出了问题吗？ <fieldset> <legend>Please select one of the following</legend> <input type="radio" name="track" id="track" value="track" /><label for="track">Track Submission</label><br /> <input type="radio" name="event" id="event" value="event" /><label for="event">Events and Artist booking</label><br /> <input type="radio" name="message" id="message" value="message" /><label for="message">Message us</label><br /> </fieldset> 它们都需要具有 same name 属性。 单选按钮按 name 属性分组。这是一个例子： <fieldset> <legend>Please select one of the following</legend> <input type="radio" name="action" id="track" value="track" /><label for="track">Track Submission</label><br /> <input type="radio" name="action" id="event" value="event" /><label for="event">Events and Artist booking</label><br /> <input type="radio" name="action" id="message" value="message" /><label for="message">Message us</label><br /> </fieldset> 我过去就是这样做的，JsFiddle： CSS： .radio-option { cursor: pointer; height: 23px; width: 23px; background: url(../images/checkbox2.png) no-repeat 0px 0px; } .radio-option.click { background: url(../images/checkbox1.png) no-repeat 0px 0px; } HTML： <li><div class="radio-option"></div></li> <li><div class="radio-option"></div></li> <li><div class="radio-option"></div></li> <li><div class="radio-option"></div></li> <li><div class="radio-option"></div></li> jQuery： <script> $(document).ready(function() { $('.radio-option').click(function () { $(this).not(this).removeClass('click'); $(this).toggleClass("click"); }); }); </script> 试试这个阵法，蛮花哨的... 看看这个jsfiddle 按钮收音机 The idea is to choose a the radio as a button instead of the normal circle image. 输入的名称必须相同才能属于同一组。然后点击其中一个就会自动取消选择其他的。 所有单选按钮必须添加相同的名称属性。 为了使单选按钮正常工作，您必须按他的名字进行分组。 （例如名称=“类型”） <fieldset> <legend>Please select one of the following</legend> <input type="radio" name="type" id="track" value="track" /><label for="track">Track Submission</label><br /> <input type="radio" name="type" id="event" value="event" /><label for="event">Events and Artist booking</label><br /> <input type="radio" name="type" id="message" value="message" /><label for="message">Message us</label><br /> 它将返回选中的单选按钮的值（例如曲目|事件|消息） 基本上，你必须给所有的名称属性相同，这样就只能选择其中一个... 这是更正后的代码：- <fieldset> <legend>Please select one of the following</legend> <input type="radio" name="name" id="track" value="track" /><label for="track">Track Submission</label><br /> <input type="radio" name="name" id="event" value="event" /><label for="event">Events and Artist booking</label><br /> <input type="radio" name="name" id="message" value="message" /><label for="message">Message us</label><br /> </fieldset>

如何在模板中以 Angular 形式访问动态设置的输入名称属性

我将 ngx-datatable 组件包装在表单标签中，以便我可以验证表格单元格中的输入。由于表填充方式的性质，我动态设置输入名称属性 我将 ngx-datatable 组件包装在 form 标签中，以便我可以验证表格单元格中的 inputs。由于表格填充方式的性质，我动态设置输入 name 属性 <form #tableForm="ngForm"> <ngx-datatable [rows]="_rows"> <ng-container *ngFor="let column of rowDeffinition; let columnIndex=index"> <ngx-datatable-column [prop]="column.key" [name]="column.label"> <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row"> <input class="cell-input" (blur)="updateCellValue($event, column.key, rowIndex)" type="text" [ngModel]="value" [name]="rowIndex + '-' + column.key" /> ... </ng-template> </ngx-datatable-column> </ng-container> </ngx-datatable> </form> 通常，name属性会在模板中创建一个局部变量，您可以通过变量名称访问输入控件属性。 <input type="text" name="name" [(ngModel)]="name" required minlength="4" /> <div *ngIf="name.invalid && name.touched"> 我想知道如何以与设置输入名称相同的方式动态地执行此操作。到目前为止，我能够通过 表单参考 访问输入控件，但这变得相当冗长 <span *ngIf="!tableForm.controls[rowIndex + '-' + column.key]?.valid && !tableForm.controls[rowIndex + '-' + column.key]?.pristine" class="[ c-validation-message ]"> required </span> 您可以将输入包装在新组件中，并且可以通过父组件中的@ViewChildren(...)访问这些生成的组件.ts文件： @ViewChildren(NgxDatatableInput) datatableInputs: QueryList<NgxDatatableInput>; 我建议在父组件中创建方法，该方法通过 datatableInputs 作为参数从 name 检索具体的 datatableInput。之后，您可以在生成的新ValidationSpanComponent中使用此方法： <ValidationSpan [control]="getDatatableInput(dynamicName)"> </ValidationSpan> ValidationSpanComponent的模板： <span *ngIf="!control.valid && !control.pristine" class="[ c-validation-message ]"> required </span> 受到这个答案的启发我想出了以下解决方案 <form #tableForm="ngForm"> <ngx-datatable [rows]="_rows"> <ng-container *ngFor="let column of rowDeffinition; let columnIndex=index"> <ngx-datatable-column [prop]="column.key" [name]="column.label"> <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row"> <!-- Helper template allowing to define few variables for more readable property binding--> <ng-template #cellContent [ngTemplateOutlet]="cellContent" let-cellName="cellName" let-isValidInput="isValidInput" let-isPristineInput="isPristineInput" let-isRequiredInput="isRequiredInput" [ngTemplateOutletContext]="{ cellName: rowIndex + '-' + column.key, isValidInput: tableForm.controls[rowIndex + '-' + column.key]?.valid, isPristineInput: tableForm.controls[rowIndex + '-' + column.key]?.pristine, isRequiredInput: column.input?.required }"> <input class="cell-input" (blur)="updateCellValue($event, column.key, rowIndex)" type="text" [ngModel]="value" [name]="cellname" /> ... </ng-template> </ng-template> </ngx-datatable-column> </ng-container> </ngx-datatable> </form> 这极大地提高了总体可读性，因为我的表具有非常复杂的逻辑，并且我以如下结构跟踪单元格的状态： interface EditTableRowStatus { editing: { [columnId: string]: boolean}, changed: { [columnId: string]: boolean}, addedRow: boolean; } let rowsStates = EditTableRowStatus[] 这导致模板中的属性绑定超级复杂 <input class="cell-input" *ngIf="column.input?.type === INPUT_TYPES.TEXT && (rowsStates[rowIndex]?.editing?.[column.key] || rowsStates[rowIndex]?.addedRow)" [autofocus]="!rowsStates[rowIndex]?.addedRow || columnIndex === 0 " (blur)="updateCellValue($event, column.key, rowIndex)" type="text" [ngModel]="value" [ngClass]="{'has-changes': rowsStates[rowIndex]?.changed?.[column.key]}" [name]="rowIndex + '-' + column.key" [required]="column.input?.required" /> 现在变得更具可读性 <input class="cell-input" *ngIf="inputType === INPUT_TYPES.TEXT && (isEditing || isAddedRow)" [autofocus]="!isAddedRow || columnIndex === 0 " (blur)="updateCellValue($event, column.key, rowIndex)" type="text" [ngModel]="value" [ngClass]="{'has-changes': isChanged}" [name]="cellName" [required]="isRequiredInput" />

基于联系表 7 字段的条件自动回复

我想根据 Contact Form 7 表单中选择的字段设置自动回复器。例如，我将根据“职位名称”字段更改表单的字段。这个领域将会...

从工作表中的数据列表填充表单中的列表框

我目前正在尝试根据工作表中列出的数据填充表单中的列表框（我使用隐藏工作表作为一种 .ini）。 这是我的尝试，我初始化了动态（或某种程度）的范围

如何使用强大的（NodeJs）获取此文件的名称

我有一个使用nodejs +express的表单 玉石档案： 表单（方法=“发布”，操作=“/上传”，enctype=“multipart/form-data”） 输入（类型=“文件”名称=“图像”） 按钮（类型=“提交”）上传 Index.js 不是...

表单重置函数返回未定义

我正在尝试通过以下方式重置表单输入： $("#form_employee_job")[0].reset(); 输入仍然填充并且控制台返回未定义 我缺少什么？