同一html函数中的可编辑文本和输入字段（Textarea + input）答案

【问题标题】：Editable text and input field in same html function (Textarea + input)同一html函数中的可编辑文本和输入字段（Textarea + input）
【发布时间】：2019-06-06 20:24:14
【问题描述】：

我有一个文本，其中大部分文本都是预先填充的，这是用户将拥有的“最”常见文本，以及一个用户必须输入日期的输入字段。我尝试过使用带有输入字段的 Summernote，但效果不太好。

如上图所示，第一个文本是默认文本，但用户也可以编辑。输入字段和默认文本必须合二为一，因为它应该创建一个流畅的文本，并且如果用户插入了信息，输入字段将在其他一些地方进行检查。

【问题讨论】：

您似乎要求将<input> 嵌套在<textarea> 中。需要大量的修改，特别是当您光标四处或全选并同时选择两者时创建“流利”部分。使用标记化方法可能更容易。（例如“请填写日期{{YYYY-MM-DD}}”然后检查"{{"）
嗯.. 从来没想过.. 问题是该输入字段值将在其他地方单独使用，并且取决于它是否已填充，该字段旁边会显示一个反馈检查让用户看到他必须填写而不是填写。也许除了 textarea/input 之外的其他东西可能会起作用？是否可以使用 javascript/jquery 验证 YYYY-MM-DD 的文本？

标签： javascript jquery html summernote

【解决方案1】：

您始终可以使用 textarea 元素并在该元素中指定 type="date"。这与占位符和关键字“必需”相结合就可以了。您还可以将年、月和日期分隔到各自的字段中。

或者，如果这是一个 PHP 表单，您总是可以使用下面的 PHP 自动获取日期。

示例 1：

&lt;textarea  name="example" type="date" placeholder="YYYY-MM-DD" required &gt;&lt;/textarea&gt;

示例 2：

<?php
date_default_timezone_set('America/Los_Angeles');
$time_stamp = date('Y-m-d H:i:s');
?>

【讨论】：

我看不出这如何解决 OP 的要求，即能够更改日期周围的文本并在显式字段中输入日期。（文本和日期均可编辑）。