input-split 相关问题

流程图 - Python

我需要为给定的流程图编写一个程序我的代码： x,y,d=列表(map(int,input().split())) 温度=0 而 x<=y: x=temp while temp>0：如果温度%10==d： ...

Python 代码可让我从文本文件中查找名称和 ID

员工 = {} def load_employees(): 以 open("employees.txt") 作为文件：对于文件中的行： id_num, full_name = line.strip().split(",") 首先...

仅从文件中读取 1 个值

Python 文件：名称=[] 以 open("names.csv") 作为文件：对于文件中的行：名称、颜色 = line.rstrip().split(",") print(f"{名称}, {颜色}") CSV ...

VSCode 仅从 csv 文件读取 1 个值[已关闭]

Python 文件：名称=[] 以 open("names.csv") 作为文件：对于文件中的行：名称、颜色 = line.rstrip().split(",") print(f"{名称}, {颜色}") CSV ...

Python 代码仅从 csv 文件读取 1 个值 [已关闭]

Python 文件：名称=[] 以 open("names.csv") 作为文件：对于文件中的行：名称、颜色 = line.rstrip().split(",") print(f"{名称}, {颜色}") CSV ...

失败后如何使用检查站点重复代理服务器

我的代码在失败后不会重复导入请求将 open("valid_proxies.txt", "r") 作为 f：代理 = f.read().split(" ”） site_to_check = ["https://open.

c# 某些元素未显示在列表交集处

我正在尝试获取两个列表的共同元素。示例如下： var control = "F, H, S, W".Split(',').ToList(); var 驱动器 = 新列表 {"C", "...

我无法从 Huggingface 下载数据集

从数据集导入load_dataset 数据集 = load_dataset(path='seamew/THUCNewsTitle', split='train') 我的网络没问题，但控制台总是显示：回溯（最近一次调用最后一次）：文件“/

对整数中的数字进行排序的最有效方法是什么？

例如，将616转为166，或将885740转为045788。我尝试过： parseInt(n.toString().split("").sort().join("")) 它确实有效，但是有没有更高效的方法？

为什么整数值越高，程序运行时间就越长？

我正在使用此存储库中的文本文件。 f = open("words_alpha.txt") 列表 =f.read() f.close() # word 是随机字母列表列表 = 列表.split() 对于列表 [:] 中的 i：如果 len(i) &...

如何使用 2 个条件角度选择器

我有一个带有选择器的多输入组件，如下所示：我有一个带有选择器的多输入组件，如下所示： <app-input type="currency" formControlName="currency"></app-input> <app-input type="date" formControlName="dateOfBirth"></app-input> 因此，从该组件中，我有一个像这样的选择器： @Component({ selector: 'app-input[type=currency]', }) @Component({ selector: 'app-input[type=date]', }) 现在，我想添加多个 currency 组件。一种用于默认货币成分，第二种用于具有动态货币符号的货币。所以，我想通过选项让它变得不同。当选择器有选项时，显示带动态符号的货币，否则或默认，显示不带符号的默认货币。我一直在尝试使用下面的这个选择器，但它不起作用。对于默认货币： @Component({ selector: 'app-input:not([options])[type=currency]', }) 对于动态符号货币： @Component({ selector: 'app-input[options][type=currency]', }) 提前谢谢您您可以像这样添加数据属性来区分选择器无符号： @Component({ selector: 'app-input[type=currency]', }) 带有符号： @Component({ selector: 'app-input[type=currency][data-symbols]', }) html with symbols: <app-input type="currency" formControlName="currency" data-symbols></app-input> without symbols: <app-input type="currency" formControlName="currency"></app-input>

如何分割多个不同的字符，同时保留该字符，但又不在空白处？

尝试/失败地分割两个不同的字符，但也不分割空间。 #!/usr/bin/env perl 使用严格；我的 $line = "-abc=123 +def=456 -ghi 789"; 我的@arr = split(/([+-]\S+)/,$line); 为我的$

使用 React 和 Enzyme 测试设置文本值

如何设置文本输入的文本，然后使用 React / Enzyme 测试它的值？ const input =wrapper.find('#my-input'); 输入.模拟('改变', { 目标：{ 值：'abc' } } ）；常量 va...

显示输入类型日期的占位符文本

占位符不适用于直接输入类型日期和日期时间本地。占位符不适用于直接输入类型 date 和 datetime-local。 <input type="date" placeholder="Date" /> <input type="datetime-local" placeholder="Date" /> 该字段在桌面上显示 mm/dd/yyy，而在移动设备上则不显示任何内容。如何显示 Date 占位符文本？使用onfocus="(this.type='date')"，例如： <input required="" type="text" class="form-control" placeholder="Date" onfocus="(this.type='date')"/> 使用onfocus和onblur...这是一个例子： <input type="text" placeholder="Birth Date" onfocus="(this.type='date')" onblur="if(this.value==''){this.type='text'}"> 在这里，我尝试了 data 元素中的 input 属性。并使用 CSS 应用所需的占位符 <input type="date" name="dob" data-placeholder="Date of birth" required aria-required="true" /> input[type="date"]::before { content: attr(data-placeholder); width: 100%; } /* hide our custom/fake placeholder text when in focus to show the default * 'mm/dd/yyyy' value and when valid to show the users' date of birth value. */ input[type="date"]:focus::before, input[type="date"]:valid::before { display: none } <input type="date" name="dob" data-placeholder="Date of birth" required aria-required="true" /> 希望这有帮助 <input type="text" placeholder="*To Date" onfocus="(this.type='date')" onblur="(this.type='text')" > 这段代码对我有用。只需使用这个即可对于 Angular 2，你可以使用这个指令 import {Directive, ElementRef, HostListener} from '@angular/core'; @Directive({ selector: '[appDateClick]' }) export class DateClickDirective { @HostListener('focus') onMouseFocus() { this.el.nativeElement.type = 'date'; setTimeout(()=>{this.el.nativeElement.click()},2); } @HostListener('blur') onMouseBlur() { if(this.el.nativeElement.value == ""){ this.el.nativeElement.type = 'text'; } } constructor(private el:ElementRef) { } } 并像下面一样使用它。 <input appDateClick name="targetDate" placeholder="buton name" type="text"> 对于 React，你可以这样做。 const onDateFocus = (e) => (e.target.type = "datetime-local"); const onDateBlur = (e) => (e.target.type = "text"); . . . <input onFocus={onDateFocus} onBlur={onDateBlur} type="text" placeholder="Event Date" /> 我是这样做的： var dateInputs = document.querySelectorAll('input[type="date"]'); dateInputs.forEach(function(input) { input.addEventListener('change', function() { input.classList.add('no-placeholder') }); }); input[type="date"] { position: relative; } input[type="date"]:not(.has-value):before { position: absolute; left: 10px; top: 30%; color: gray; background: var(--primary-light); content: attr(placeholder); } .no-placeholder:before{ content:''!important; } <input type="date" name="my-date" id="my-date" placeholder="My Date"> 现代浏览器使用 Shadow DOM 来方便输入日期和日期时间。因此，除非浏览器出于某种原因选择回退到 text 输入，否则不会显示占位符文本。您可以使用以下逻辑来适应这两种情况： ::-webkit-calendar-picker-indicator { @apply hidden; /* hide native picker icon */ } input[type^='date']:not(:placeholder-shown) { @apply before:content-[attr(placeholder)]; @apply sm:after:content-[attr(placeholder)] sm:before:hidden; } input[type^='date']::after, input[type^='date']::before { @apply text-gray-500; } 我使用了 Tailwind CSS 语法，因为它很容易理解。让我们一点一点地分解它： ::-webkit-calendar-picker-indicator { @apply hidden; /* hide native picker icon */ } 使用其 Shadow DOM 伪元素选择器隐藏本机选择器图标（通常是日历）。 input[type^='date']:not(:placeholder-shown) { @apply before:content-[attr(placeholder)]; @apply sm:after:content-[attr(placeholder)] sm:before:hidden; } 选择所有未显示占位符的 date 和 datetime-local 输入，并且：默认使用 placeholder 伪元素显示输入 ::before 文本在小屏幕及以上屏幕上切换为使用 ::after 伪元素 input[type^='date']::after, input[type^='date']::before { @apply text-gray-500; } 设置 ::before 和 ::after 伪元素的样式。

我无法打印onChange的值

从“react”导入React；从“react-input-mask”导入InputMask；从“./inputMask.module.scss”导入样式；从“反应...

Laravel 8 验证数组

我有一个 Laravel 8 表单，其中包含一系列用户联系方式。我有一个 Laravel 8 表单，其中包含一系列用户联系方式。 <div> <input name="contactdetails[{{ $key }}][email]" type="text"> <input name=" contactdetails [{{ $key }}][mobile]" type="text"> </div <div> <input name=" contactdetails [{{ $key }}][email]" type="text"> <input name=" contactdetails [{{ $key }}][mobile]" type="text"> </div <div> <input name=" contactdetails [{{ $key }}][email]" type="text"> <input name=" contactdetails [{{ $key }}][mobile]" type="text"> </div 我的验证规则如下所示： contactdetails.*.email=> ‘email:rfc,dns’, contactdetails.*. mobile => required_with:email|numeric', 我需要验证是否至少输入了一封电子邮件（但不是全部）以及相应的手机。你必须这样做： 'contactdetails' => 'array|min:1', 'contactdetails.*.email' => 'email:rfc,dns', 'contactdetails.*.mobile' => 'required_with:contactdetails.*.email|numeric|nullable', 这意味着 contactdetails 必须是数组并且至少有一个成员并更好地添加正则表达式移动角色来验证正确的手机号码

替换字符串后在 echo 中运行额外的 php 代码

我想在替换表单中的一些字符串后执行附加的php代码这是我在 form.php 上的表单代码我想在替换表单中的一些字符串后执行附加的php代码这里是我在 form.php 上的表单代码 <form method="post" action="result.php"> <input type="text" name="yourtext"> <input type="submit"> </form> 例如文本是 my name is bagu and i live under a rock thanks 这里是 result.php 代码 <?php $mytext = $_POST['yourtext']; $find = ["my name is","and i live", "thanks"]; $replace = ["<?php open_form('Form/insert') ?><input name='name' type='text' value='","'><br><input name='address' type='text' value='","'><input type='submit'><?php form_close() ?>"]; $intoform = str_replace($find, $replace, $mytext); echo $intoform; ?> 我想要的结果是“bagu”和“under a rock”分别在一个正在工作的文本框中但问题是 echo 中的 php 代码不起作用（我认为？？？因为它是）是的，这是 codeigniter 的表格谢谢 ====== 编辑：我尝试了没有 echo 和变量的 result.php ，也就是我在 form.php 中提交文本后想要的结果 <?php open_form('Form/insert') ?> <input name='name' type='text' value='bagu'><br> <input name='address' type='text' value='under a rock'> <input type='submit'> <?php form_close() ?> 并且如果“ 使用 preg_match 提取姓名和地址。 die 子句仅用于指示输入字符串格式错误，可以根据需要替换为更友好的提示。 preg_match('/my name is (.+) and i live (.+) thanks/', $mytext, $m) or die('Input text is invalid'); 如果preg_match成功，$m[1]将包含名称，$m[2]将包含地址，然后您可以将值插入表单 <?php open_form('Form/insert') ?> <input name='name' type='text' value='<?=$m[1]?>'><br> <input name='address' type='text' value='<?=$m[2]?>'> <input type='submit'> <?php form_close() ?> 需要补充的是，在实际操作中，应检查用户输入的姓名和地址的合法性。例如，要限制它们仅包含字母和空格，第一步中的正则表达式 (.+) 可以更改为 ([A-Za-z ]+)。

html input onchange 不接受匿名函数

为什么这不起作用？ chrome 给我一个错误，未捕获的语法错误：意外的 tok...

闪亮的server.R无法读取全局变量

./app 中的两个文件 ui.R 图书馆（闪亮）一个<- 1 ui <- fluidPage( textOutput("test") ) server.R server <- function(input, output) { output$test <- renderText({ a ...

CURLOPT_POSTFIELDS 不接受数组

为什么 CURLOPT_POSTFIELDs 不接受数组？使用 PHP 8.2.15 我有两个文件： // 温度.php 退出(file_get_contents('php://input')); // 测试.php $fields = ['foo' => 'bar']; $配置= [ \

特定标签的selenium xpath

此输入标签的 Xpath 是什么 ” 此输入标签的 Xpath 是什么 "<input autocapitalize="sentences" autocorrect="off" class="css-1cwyjr8 r-19sur4y r-qklmqi r-1phboty r-1wdu9aa r-ubezar r-16dba41 r-10paoce r-12rqra3 r-13qz1uu" dir="auto" spellcheck="false" type="email" data-focusable="true" value="" style="font-family: inherit;"> 如果只有 @type=email 的元素，则可以使用 //input[@type='email']

应用于 html 表单时 file_get_contents('php://input') 中的内容

我有一个关于 file_get_contents('php://input') 的一般性问题。当此代码应用于提交处理的时，实际返回什么？这是关于一些... 我有一个关于 file_get_contents('php://input') 的一般性问题。当此代码应用于提交处理的 <form> 时，实际返回什么？这是关于我试图遵循和理解的一些代码。代码没有问题，可以正常运行。我只是好奇。 Javascipt 处理表单按钮上的单击功能。然后 JavaScript 代码调用 payment_ini.php 脚本，其中包含 file_get_contents('php://input'): // Retrieve JSON from POST body $jsonStr = file_get_contents('php://input'); $jsonObj = json_decode($jsonStr); $jsonObj是否包含正在处理的表单中的名称/值？如果表单中有 name、email、phone 字段，它们会在 $jsonObj 中吗？我尝试在开发模式下添加一些日志记录/打印输出代码，但它要么会导致错误，要么不会显示。感谢您帮助我看清蜘蛛网。哦！ error_log("jsonStr: " . $jsonStr); 添加到我的 error_log。它显示了 file_get_contents('php://input') 中的内容之前，我尝试过error_log("jsonObj: " . $jsonObj);，但不喜欢该对象。感谢您的浏览

MazPhoneNumberInput Vue.js 上的自动对焦

我在表单中使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）：我正在以这种方式使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： <MazPhoneNumberInput v-model="phoneNumber" v-model:country-code="countryCode" show-code-on-list :preferred-countries="['DE', 'US', 'GB']" noFlags /> 并且想在手机输入上设置自动对焦。 MazPhoneNumberInput 组件本身没有 autofocus 属性，但它基于具有 autofocus 属性的 MazInput 组件（https://maz-ui.com/components/maz-input）：我尝试通过 javascript 使用 onMounted 方法设置焦点： import AppLayout from "@/Layouts/Auth/AppLayout.vue"; import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput' import {ref, onMounted} from 'vue' const phoneNumber = ref() const countryCode = ref('DE') const focusInput = () => { phoneNumber.value.focus(); }; onMounted(focusInput); 但是没有成功。如何在手机输入上设置自动对焦？这可以使用 template ref 来完成，它可以访问组件的 DOM 元素。由于根元素只是多个其他元素的包装，因此需要额外的查询来获取实际的电话输入，然后您可以将其聚焦： onMounted(async () => { const phoneEl = phone.value.$el // MazPhoneNumberInput root DOM element const phoneInput = phoneEl.querySelector('input[type=tel]') // inner input DOM element await nextTick() // can focus after next DOM update phoneInput.focus() })

如何解决数字格式异常？

index.html 输入第一个数字：输入第二个数字... index.html <!DOCTYPE html> <html> <body> <form action="add"> Enter 1st number:<input type="text" name="num1"><br> Enter 2st number:<input type="text" name="num1"><br> <input type="submit"> </form> </body> </html> AddServlet.java 这是 servlet 代码。 package com.adithya; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class AddServlet extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse res) throws IOException { int i=Integer.parseInt(req.getParameter("num1")); int j=Integer.parseInt(req.getParameter("num2")); int k=i+j; PrintWriter out=res.getWriter(); out.println("result is"+k); } } 我正在尝试获取结果，但它显示了如下所示的异常。我无法理解例外情况。 ** 例外** 这显示了这样的异常。我无法识别问题所在。 java.lang.NumberFormatException: Cannot parse null string java.base/java.lang.Integer.parseInt(Integer.java:630) java.base/java.lang.Integer.parseInt(Integer.java:786) com.adithya.AddServlet.service(AddServlet.java:19) javax.servlet.http.HttpServlet.service(HttpServlet.java:623) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:51) 我不明白这是什么错误。我试图从 2 天开始解决这个问题。请任何人帮助我解决这个问题。但它不起作用。您有 2 个相同的名字 num1，并且您正在尝试呼叫不在场的 num2。 Enter 2st number:<input type="text" name="num1"><br> 关于： Enter 2st number:<input type="text" name="num2"><br>

<input>字体大小不断改变宽度

所以基本上我有这个＃计算器 { 背景颜色：#212121；边框半径：10px；溢出：隐藏；显示：内联块； } #功能{ 宽度：100%；高度：100%；玛格...

如何使用DomDocument通过id获取值？

我正在尝试使用 DomDocument 获取下面表单的值，但到目前为止仍然失败我正在尝试使用 DomDocument 获取下面表单的值，但到目前为止仍然失败 <?php $string ='<form action="profile" method="post" enctype="multipart/form-data"> <input type="hidden" name="id_user" id="id_user" value="123"> <input type="hidden" name="logo" id="logo" value="path/to/logo1.png"> <input type="hidden" name="status" id="status" value="Ok"> <input type="submit" value="PROFILE"> </form>'; ?> 这种情况下如何正确使用DomDocument？我正在尝试下面的代码 $dom = new DomDocument(); $dom->loadHTML($string); $dom->getElementById("id_user"); 我期望得到 123 作为返回值 DomDocument 有点麻烦，但如果您遵循文档，您就可以到达那里。我找到了这条路线： $dom->getElementById("id_user")->attributes->getNamedItem("value")->value 返回： 123 参见：https://onlinephp.io/c/c37dc 可能还有其他方法可以做到同样的事情。

会话数据未跨请求保留 - Laravel/Inertia

我正在尝试在发布请求的会话中保存数据，然后重定向到另一个页面尝试 { $tenant = 租户::where('email', '=', $request->input('email'))->firstOrFail(); } 抓住（

fasttext 可以在字符级别进行分类吗？

我正在使用 fasttext 模型来预测文本标签。通常 fasttext 可以在单词级别对文本进行分类，例如：模型 = fasttext.train_supervised(input="training_fasttextFormat.csv", lr=0...

在完全相同的行上插入2个不同的sql插入语句

def placeOrder_2(): buy_amount = int(input("请输入您想要购买的不同产品的数量：")) 对于范围内的 x（购买金额）： p_id = 输入（“E...

是否可以让 input() 函数不等待你输入内容？

我正在尝试使用文本制作屏幕。例如： ......游戏的事情...... ……………… 按回车键即可播放。 ……………… 版本 1.3………… 我想做它，这样它就会...

SyntaxError：用于中断 true while 并打印 cod 的语法无效

我想在打破 True while 后打印“再见”，但我遇到了麻烦。这是我的代码在此输入图像描述而（真）： number = (input("请输入数字...

角度属性绑定到新对象实例

在 Angular (15) 中，如果我们有一个组件属性 (@Input)，它是一个对象 - 例如 [config]="{ size: 10, label: 'hello' }" - 就是被实例化的对象在 HTML 中重新创建...

如何删除颜色输入的边框？

我使用 JavaScript 生成的 HTML5 颜色选择器元素来让用户设置另一个元素的颜色。当浏览器执行 input type="color" 时，它会绘制一个显示

无法将<label>和<input>放在同一行

我似乎无法在“计划首选项”下将和放在同一行。代码笔在这里。我尝试过浮动和表格单元格属性操作。任何帮助都会

TrustPilot Id 在硬重新加载时不显示

我有这个角度组件，似乎使 TrustPilot 小部件在硬刷新后消失，任何人都可以解释为什么吗？从 '@angular/core' 导入 { Component, Input, OnInit }; 宣告全球...

如何配置验证以对无效输入使用“is-invalid”类

默认情况下，ASP.NET Core 中的输入验证使用类 input-validation-error，但 Bootstrap 5 使用 is-invalid。我找到了一些解决方案：创建样式使用 jQuery.validate.unobtrusi...

玩笑更新后无法读取未定义的属性“html”

对于使用 jest 的 Angular v12 项目，我刚刚将 jest 更新到版本 28。但是现在，我收到以下错误失败 src/app/components/update-input/update-input.directive.spec.ts ● 测试套件

Pylance 无法识别内置的 python 函数

我的猫跑过我的键盘，现在 Pylance 无法识别 print、hex、len 和 input 等内置函数，并且它标记为未定义。同样在我的 Django 项目中，一些类的导入开始了......

我想了解Python中这段代码的逻辑

我的老师给了我这个问题：制作一个读取整数并打印它的程序。所以我找到了这段代码： integer_number = int(input("请输入一个整数：")) print("您输入了：&quo...

我是编码新手，在Python中我想知道是否可以让input()函数不等到你输入内容

使用php以动态形式考虑用户输入

考虑我有一个像这样的简单表格：考虑我有一个像这样的简单表格： <form method="post" action="index.php"> <input id='textsearch' type="text" placeholder="Enter a character" name="search"> <button onclick="addfields()">Add</button> </form> 此处，当用户单击“添加”按钮时，会触发 onclick 事件并激活 addfields() 功能。在该函数中，我设法在此表单中添加一个输入字段，表单现在如下所示： <form method="post" action="index.php"> <input id='textsearch' type="text" placeholder="Enter a character" name="search"> <input id='textsearch_1' type="text" placeholder="Enter a character" name="search_1"> <button onclick="addfields()">Add</button> </form> 但是，出现了一个问题。如果我使用 php 来访问这些变量，我可以使用这样的东西： <?php $first_char=$_POST["search"]; $second_char=$_POST["search_1"]; ?> 但是它到哪里结束呢？我事先不知道用户创建了多少字段并在这些字段中输入了数据。那么有什么办法可以解决呢？注意：我知道许多用户不赞成使用 onclick() 功能。我仍然坚持这个不好的使用习惯。对此表示歉意。谢谢。你可以尝试这个概念 HTML 表单 <form method="post" action="index.php"> <input id='textsearch' type="text" name="search[]"> <input id='textsearch_1' type="text" name="search[]"> <button onclick="addfields()">Add</button> </form> PHP <?php $search_text_array=$_POST["search"]; print_r($search_text_array); ?> 你应该得到这个 PHP 结果 Array ( [0] => textsearch [1] => textsearch_1 ) 在此示例中，javascript 使用onclick() 不相关，但解释如何获取 PHP 部分

为什么我的Python函数不返回任何内容（第一次它会返回true，但递归函数调用本身则不会返回任何内容）

def 登录(log = 1): con = input(f"{na} 你准备好玩游戏了吗是/否") if ((con == "是")or(con == "是")or(con == "y")or(con == "Y&qu...

如何使用 Bootstrap 5 禁用自定义范围而不更改样式？

我有范围：我有范围： <!DOCTYPE html> <html lang="en"> <head>  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> </head> <body> <div class="container mb-4 col-sm-5"> <input type="range" class="custom-range" min="0" max="10" value="10" id="range-input" style="width: 100%"> </div> </body> </html> 我想禁用它（它应该仍然看起来一样，但用户不能再与它交互），但是不改变样式。例如：图中，顶部的启用，底部的禁用；我想禁用它，同时保持顶级范围的样式。我尝试手动重新创建原始样式，但没有成功： <!DOCTYPE html> <html lang="en"> <head>  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> <style> input[type=range]:disabled { background-color: blue; color: blue; background: blue; } </style> </head> <body> <div class="container mb-4 col-sm-5"> <input type="range" class="custom-range" min="0" max="10" value="10" id="range-input" style="width: 100%" disabled> </div> </body> </html> 除此之外，我在研究中找不到任何其他可能的解决方案。您实际上需要“如何”禁用它？设置 pointer-events: none 并添加 tabindex="-1"，你会得到一个看起来仍然相同的元素，但用户无法再与之交互（至少通过鼠标单击/点击，并且他们无法通过键盘将其聚焦）控制其中之一 - 不确定是否还有其他什么？）由于没有设置 name 属性，该字段不会成为表单提交数据集的一部分 - 如果在您的实际用例中有所不同，您也可以删除（并重新设置）名称，当您可以打开和关闭 tabindex。

如何使用 Bootstrap 5 将嵌入水平居中

我正在尝试使用上面的图像进行集中输入。我按照位置文档进行操作，但不知何故图像没有水平集中：代码：我正在尝试使用上面的图像进行集中输入。我按照位置文档进行操作，但不知何故图像没有水平集中：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Title</title>  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> </head> <body> <div class="container position-absolute top-50 start-50 translate-middle"> <embed class="logo" src="https://www.google.com.br/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Logo"> <form action="/streams" method="POST"> <div class="input-group"> <input class="form-control border-danger border-5" type="text" aria-describedby="start-button"> <button class="btn btn-danger" type="submit" id="start-button">Click</button> </div> </form> </div> </body> </html> 我尝试手动执行此操作并使用 display flex，但没有成功。使用text-center链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Title</title>  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> </head> <body> <div class="container text-center"> <embed class="logo " src="https://www.google.com.br/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Logo"> <form action="/streams" method="POST"> <div class="input-group"> <input class="form-control border-danger border-5" type="text" aria-describedby="start-button"> <button class="btn btn-danger" type="submit" id="start-button">Click</button> </div> </form> </div> </body> </html>

Laravel 购物车页面，表单内有一个表单，用于处理删除和提交数据更新数据库

我有一个购物车页面，表格内有一个表格，也许你可以建议我应该做什么？根据图片，我给出的蓝色圆圈是一个表格我的刀片代码我有一个购物车页面，表格内有一个表格，也许你可以建议我应该做什么？根据图片我给出的蓝色圆圈是一个表格我的刀片代码<table class="table"> <thead> <tr> <th scope="col">No</th> <th scope="col">Nama Barang</th> <th scope="col">Quantity</th> <th scope="col">Action</th> </tr> </thead> <tbody> @php $no = 1; @endphp @forelse ($permintaans as $b) <tr> <td>{{ $no ++ }}</td> <td> {{ $b->nama_kategori }} {{ $b->nama_atk }} </td> <td> <form action="{{ route('permintaan.update', $b->id) }}" method="POST" style="display: inline-block;"> @csrf @method('PUT') <div class="input-group input-group-sm mb-3"> <input type="number" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm" name="satuan_permintaan" min="0" max={{ $b->stok }} required> <span class="input-group-text" id="inputGroup-sizing-sm">{{ $b->subsatuan_atk }}</span> </div> </td> <td> <form action="{{ route('permintaan.destroy', $b->id) }}" method="POST" style="display: inline-block;"> @csrf @method('DELETE') <button type="submit" class="btn custom2-btn"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="red" class="bi bi-trash" viewBox="0 0 16 16"> <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/> <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/> </svg></button> </form> </td> </tr> @empty @endforelse </tbody> </table> 我的控制器public function store(Request $request) { $task = new Permintaan(); $task->atk_id = $request->input('atk_id'); $task->proses = 'Proses'; if (Permintaan::where('atk_id', $task->atk_id)->exists()){ return redirect('/atk/permintaan')->with(['info' => 'ATK Sudah Dalam Permintaan']); } else{ $task->save(); return redirect()->route('permintaan.index'); } } public function destroy($id) { $permintaan = Permintaan::find($id); $permintaan->delete(); return redirect()->route('permintaan.index'); } 我要处理删除并提交数据更新数据库在开始销毁表单之前关闭更新表单第一个表单标签（缺少）。

HTML如何使用javascript清除输入？

我有这个输入，每次我们点击它里面的时候它都会被清除。问题：我只想在 value = [email protected] 时清除函数clearThis(tar...</desc> <question vote="47"> <p>我有这个INPUT，每次我们点击它里面它就会清除。</p> <p>问题：我只想在值 = <a href="/cdn-cgi/l/email-protection" data-cfemail="2d485548405d41426d485548405d4142034e4240">[电子邮件受保护]</a></p> 时清除 <pre><code><script type="text/javascript"> function clearThis(target) { target.value= ""; } </script> <input type="text" name="email" value="<a href="/cdn-cgi/l/email-protection" data-cfemail="9cf9e4f9f1ecf0f3dcf9e4f9f1ecf0f3b2fff3f1">[email protected]</a>" size="30" onfocus="clearThis(this)"> </code></pre> <p>有人可以帮我做到这一点吗？我不知道如何比较，我已经尝试过但没有成功。</p> </question> <answer tick="true" vote="57"> <pre><code><script type="text/javascript"> function clearThis(target) { if (target.value == '<a href="/cdn-cgi/l/email-protection" data-cfemail="4a2f322f273a26250a2f322f273a262564292527">[email protected]</a>') { target.value = ""; } } </script> </code></pre> <p>这真的是您想要的吗？</p> </answer> <answer tick="false" vote="18"> <p>对我来说这是最好的方法：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code><form id="myForm"> First name: <input type="text" name="fname" value="Demo"><br> Last name: <input type="text" name="lname"><br><br> <input type="button" onclick="myFunction()" value="Reset form"> </form> <script> function myFunction() { document.getElementById("myForm").reset(); } </script></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="4"> <p>您可以使用属性<pre><code>placeholder</code></pre></p> <pre><code><input type="text" name="email" placeholder="<a href="/cdn-cgi/l/email-protection" data-cfemail="42273a272f322e2d02273a272f322e2d6c212d2f">[email protected]</a>" size="30" /> </code></pre> <p>或者在旧版浏览器上尝试这个</p> <pre><code><input type="text" name="email" value="<a href="/cdn-cgi/l/email-protection" data-cfemail="bdd8c5d8d0cdd1d2fdd8c5d8d0cdd1d293ded2d0">[email protected]</a>" size="30" onblur="if(this.value==''){this.value='<a href="/cdn-cgi/l/email-protection" data-cfemail="aacfd2cfc7dac6c5eacfd2cfc7dac6c584c9c5c7">[email protected]</a>';}" onfocus="if(this.value=='<a href="/cdn-cgi/l/email-protection" data-cfemail="03667b666e736f6c43667b666e736f6c2d606c6e">[email protected]</a>'){this.value='';}"> </code></pre> </answer> <answer tick="false" vote="4"> <p>您可以使用占位符，因为它可以为您做到这一点，但对于不支持占位符的旧浏览器，请尝试以下操作：</p> <pre><code><script> function clearThis(target) { if (target.value == "<a href="/cdn-cgi/l/email-protection" data-cfemail="402538252d302c2f002538252d302c2f6e232f2d">[email protected]</a>") { target.value = ""; } } function replace(target) { if (target.value == "" || target.value == null) { target.value == "<a href="/cdn-cgi/l/email-protection" data-cfemail="73160b161e031f1c33160b161e031f1c5d101c1e">[email protected]</a>"; } } </script> <input type="text" name="email" value="<a href="/cdn-cgi/l/email-protection" data-cfemail="ddb8a5b8b0adb1b29db8a5b8b0adb1b2f3beb2b0">[email protected]</a>" size="x" onfocus="clearThis(this)" onblur="replace(this)" /> </code></pre> <p>代码说明：当文本框获得焦点时，清除该值。当文本框未聚焦且文本框为空时，替换值。</p> <p>我希望这有效，我一直遇到同样的问题，但后来我尝试了这个，它对我有用。</p> </answer> <answer tick="false" vote="0"> <p>试试这个：</p> <pre><code><script type="text/javascript"> function clearThis(target){ if(target.value == "<a href="/cdn-cgi/l/email-protection" data-cfemail="67021f020a170b0827021f020a170b084904080a">[email protected]</a>") { target.value= ""; } } </script> </code></pre> <p></p> </answer> <answer tick="false" vote="0"> <pre><code><script type="text/javascript"> function clearThis(target){ if (target.value === "<a href="/cdn-cgi/l/email-protection" data-cfemail="a2c7dac7cfd2cecde2c7dac7cfd2cecd8cc1cdcf">[email protected]</a>") { target.value= ""; } } </script> <input type="text" name="email" value="<a href="/cdn-cgi/l/email-protection" data-cfemail="c7a2bfa2aab7aba887a2bfa2aab7aba8e9a4a8aa">[email protected]</a>" size="30" onfocus="clearThis(this)"> </code></pre> <p>在这里尝试一下：<a href="http://jsfiddle.net/2K3Vp/" rel="nofollow">http://jsfiddle.net/2K3Vp/</a></p> </answer> <answer tick="false" vote="0"> <p>你不需要为此烦恼。就写吧</p> <pre><code><input type="text" name="email" placeholder="<a href="/cdn-cgi/l/email-protection" data-cfemail="06637e636b766a6946637e636b766a692865696b">[email protected]</a>" size="30"> </code></pre> <p>用占位符替换该值</p> </answer> <answer tick="false" vote="0"> <p>不要使用 <strong>placeholder</strong> 属性清除名称文本，这是一个很好的做法</p> <pre><code><input type="text" placeholder="name" name="name"> </code></pre> </answer> <answer tick="false" vote="0"> <p>我对所有这些答案感到惊讶，没有人提到最简单、现代的方法来做到这一点：</p> <pre><code><input type="text" placeholder="Your Name" onfocus="this.placeholder=''" onblur="this.placeholder='Your Name'" > </code></pre> <p>仅当您想在用户单击远离输入后恢复原始占位符时，才需要 <pre><code>onblur</code></pre>。</p> </answer> </body></html>

如何在 JavaScript 中转义 XML 实体？

在 JavaScript（服务器端 NodeJS）中，我正在编写一个生成 XML 作为输出的程序。我通过连接字符串来构建 XML： str += '<' + key + '>'; str += 值； str += ' 在 JavaScript（服务器端 NodeJS）中，我正在编写一个生成 XML 作为输出的程序。我通过连接字符串来构建 XML： str += '<' + key + '>'; str += value; str += '</' + key + '>'; 问题是：如果value包含'&'、'>'或'<'等字符怎么办？逃离这些角色的最佳方法是什么？或者是否有任何 JavaScript 库可以转义 XML 实体？对于相同的结果，这可能会更有效一些： function escapeXml(unsafe) { return unsafe.replace(/[<>&'"]/g, function (c) { switch (c) { case '<': return '<'; case '>': return '>'; case '&': return '&'; case '\'': return '''; case '"': return '"'; } }); } HTML 编码只是将 &、"、'、< 和 > 字符替换为其实体等效项。顺序很重要，如果您不首先替换 & 字符，您将对某些实体进行双重编码： if (!String.prototype.encodeHTML) { String.prototype.encodeHTML = function () { return this.replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/"/g, '"') .replace(/'/g, '''); }; } 如@Johan B.W. de Vries 指出，这会对标签名称产生问题，我想澄清一下，我假设这是用于 value only 相反，如果您想解码 HTML 实体1，请确保在完成其他操作之后将 & 解码为 &，这样就不会双重解码任何实体： if (!String.prototype.decodeHTML) { String.prototype.decodeHTML = function () { return this.replace(/'/g, "'") .replace(/"/g, '"') .replace(/>/g, '>') .replace(/</g, '<') .replace(/&/g, '&'); }; } 1只是基础知识，不包括©到©或其他类似的东西就图书馆而言。 Underscore.js（或 Lodash，如果您愿意）提供了一个 _.escape 方法来执行此功能。如果您有 jQuery，这里有一个简单的解决方案： String.prototype.htmlEscape = function() { return $('<div/>').text(this.toString()).html(); }; 像这样使用它： "<foo&bar>".htmlEscape(); -> "<foo&bar&gt" 您可以使用以下方法。我已将其添加到原型中以便于访问。我还使用了负前瞻，因此如果您调用该方法两次或更多次，它不会弄乱事情。用途： var original = "Hi&there"; var escaped = original.EncodeXMLEscapeChars(); //Hi&there 解码由 XML 解析器自动处理。方法： //String Extenstion to format string for xml content. //Replces xml escape chracters to their equivalent html notation. String.prototype.EncodeXMLEscapeChars = function () { var OutPut = this; if ($.trim(OutPut) != "") { OutPut = OutPut.replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'"); OutPut = OutPut.replace(/&(?!(amp;)|(lt;)|(gt;)|(quot;)|(#39;)|(apos;))/g, "&"); OutPut = OutPut.replace(/([^\\])((\\\\)*)\$?![\\/{])/g, "$1\\\\$2"); //replaces odd backslash(\$ with even. } else { OutPut = ""; } return OutPut; }; 注意，如果 XML 中有 XML，那么所有的正则表达式都不好。相反，循环字符串一次，并替换所有转义字符。这样，您就不能两次碰到同一个角色。 function _xmlAttributeEscape(inputString) { var output = []; for (var i = 0; i < inputString.length; ++i) { switch (inputString[i]) { case '&': output.push("&"); break; case '"': output.push("""); break; case "<": output.push("<"); break; case ">": output.push(">"); break; default: output.push(inputString[i]); } } return output.join(""); } 我最初在生产代码中使用了已接受的答案，发现大量使用时它实际上非常慢。这是一个更快的解决方案（以两倍以上的速度运行）： var escapeXml = (function() { var doc = document.implementation.createDocument("", "", null) var el = doc.createElement("temp"); el.textContent = "temp"; el = el.firstChild; var ser = new XMLSerializer(); return function(text) { el.nodeValue = text; return ser.serializeToString(el); }; })(); console.log(escapeXml("<>&")); //<>& 也许你可以试试这个， function encodeXML(s) { const dom = document.createElement('div') dom.textContent = s return dom.innerHTML } 参考添加 ZZZZBov 的答案，我发现这更干净，更容易阅读： const encodeXML = (str) => str .replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/"/g, '"') .replace(/'/g, '''); 此外，所有五个字符都可以在这里找到，例如：https://www.sitemaps.org/protocol.html 请注意，这仅对值进行编码（如其他人所述）。现在我们有了字符串插值和其他一些现代化改进，现在是时候进行更新了。并使用对象查找，因为它确实应该这样做。 const escapeXml = (unsafe) => unsafe.replace(/[<>&'"]/g, (c) => `&${({ '<': 'lt', '>': 'gt', '&': 'amp', '\'': 'apos', '"': 'quot' })[c]};`); 从技术上讲，&、不是有效的 XML 实体名称字符。如果您不能信任关键变量，则应该将其过滤掉。 < and >如果您希望它们作为 HTML 实体转义，您可以使用类似 http://www.strictly-software.com/htmlencode . 如果之前有东西被逃脱，你可以尝试这个，因为这不会像许多其他人那样双重逃脱 function escape(text) { return String(text).replace(/(['"<>&'])(\w+;)?/g, (match, char, escaped) => { if(escaped) { return match; } switch(char) { case '\'': return '''; case '"': return '"'; case '<': return '<'; case '>': return '>'; case '&': return '&'; } }); } 这很简单： sText = ("" + sText).split("<").join("<").split(">").join(">").split('"').join(""").split("'").join("'");

当我使用[input type =“file”]选择文件时，在html中，那么它存储在我们本地的哪里

我需要从一个本地驱动器获取文件，然后粘贴到另一个本地驱动器中。条件：我不应该通过浏览文件夹来执行此操作，我应该在 UI（网站）本身中执行此操作。我用了 ...

从数据库中选择 SELECT 选项后如何显示/隐藏 DIV？

这是选择选项的代码；这是选择选项的代码； <div class="modal-body row"> <form role="form" action="patient/addNew" class="clearfix" method="post" enctype="multipart/form-data"> <div class="form-group col-md-6"> <label for="exampleInputEmail1"><?php echo lang('categorie'); ?></label> <select class="form-control m-bot15" name="categorie" value='' id="p_category"> <option value="#"> Sélectionner catégorie</option> <?php foreach ($categories as $category) { ?> <option value="category"><?php if (!empty($setval)) { if ($category->category == set_value('category')) { echo 'selected'; } } if (!empty($patient->category)) { if ($category->category == $patient->category) { echo 'selected'; } } ?> > <?php echo $category->category; ?> </option> <?php } ?> </select> </div> 这是必须显示/隐藏的 div： <label for="exampleInputEmail1"><?php echo lang('name_Us'); ?></label> <input type="text" class="form-control" name="name_husband" id="nameUs" placeholder=""> <label for="exampleInputEmail1"><?php echo lang('number_pre'); ?></label> <input type="number" class="form-control" name="number_pre" id="nbreEnf" placeholder=""> </div> 这是 JavaScript 代码： $('.divUs').hide(); $(document.body).on('change', '#p_category', function () { var v = $("select.p_category option:selected").val() if (v == 'Fe_Ence') { $('.divUs').show(); } else { $('.divUs').hide(); } }); }); 我希望如果选择了元素（Fe_Ence），则可以显示 div，否则，它保持隐藏例如，您可以使用 :has 选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="thingtohide"> <h1>Hello</h1> </div> <div id="checkbox"> <input type="checkbox"> </div> <style> body:has(#checkbox input:checked) #thingtohide { visibility: hidden; } </style> </body> </html> 因此，如果父元素有一个选中的复选框，那么您可以定位与该父元素不同的子元素。

绑定了formControlName后，如何在html中使用它？

我当前有问题的 html 部分是这样的 ... 我的 html 当前有问题的部分是这个 <div class="psi-list"> <div class="flex-row" *ngFor="let item of psiList; index as i"> <p class="row-psi">{{ item.psi }}</p> <button class="icon-btn" (click)="deletePsi(item.psi)"><i class="cil-trash"></i></button> <button class="icon-btn" (click)="item.toggle = !item.toggle"><i class="cil-pen-alt"></i></button> <form [formGroup]="psiEditForm" id="psi-edit-form" class="form-horizontal" [hidden]="!item.toggle"> <input class="psi-input" type="text" placeholder="Update PSI here..." [(ngModel)]="psiEdit" [ngClass]="{'is-valid': !checkControlValidation(psiEditForm.controls.psi) && psiEditForm.controls.psi.touched, 'is-invalid': checkControlValidation(psiEditForm.controls.psi)}" (keydown.enter)="!psiEditForm.controls.psi.invalid ? editPsi(item.psi) : clearPsiEdit()" formControlName="psi" /> <div class="help-block validation-warning" *ngIf="checkControlValidation(psiEditForm.controls.psi)"><i class="fa fa-exclamation fa-lg"></i>Please Enter a Valid 2 Letter PSI</div> </form> </div> </div> 我使用 formControlName“psi”将控件传递给 .ts 文件中的 checkControlValidation 方法。然而，这会导致功能问题。每当我在一个输入框中输入内容时，它都会将其输入到 *ngFor 中的所有输入框中。当我将表单控件名称更改为这个时 - [formControlName]="item.psi" 它将名称绑定到与其相关的项目，因此理论上我可以通过它来解决我的问题。但是，当我将 psiEditForm.controls.psi 的所有实例更改为 psiEditForm.controls.item.psi 时，我收到很多 TS2339 错误。我有什么想法可以使用它吗？抱歉，我知道这可能措辞很糟糕尝试这样 <div class="psi-list"> <div class="flex-row" *ngFor="let item of psiList; index as i"> <p class="row-psi">{{ item.psi }}</p> <button class="icon-btn" (click)="deletePsi(item.psi)"><i class="cil-trash"></i></button> <button class="icon-btn" (click)="item.toggle = !item.toggle"><i class="cil-pen-alt"></i></button> <form [formGroup]="psiEditForm" id="psi-edit-form" class="form-horizontal" [hidden]="!item.toggle"> <input class="psi-input" type="text" placeholder="Update PSI here..." [(ngModel)]="psiEdit" [ngModelOptions]="{standalone: true}" [ngClass]="{'is-valid': !checkControlValidation(psiEditForm.controls.psi) && psiEditForm.controls.psi.touched, 'is-invalid': checkControlValidation(psiEditForm.controls.psi)}" (keydown.enter)="!psiEditForm.controls.psi.invalid ? editPsi(item.psi) : clearPsiEdit()" formControlName="psi" /> <div class="help-block validation-warning" *ngIf="checkControlValidation(psiEditForm.controls.psi)"> <i class="fa fa-exclamation fa-lg"></i>Please Enter a Valid 2 Letter PSI </div> </form> </div> </div>

input-split 相关问题

最新问题