使用javascript将html+text添加到提交类型的输入
使用JavaScript将HTML和文本添加到提交类型的输入，可以通过以下步骤实现：
- 首先，获取到需要添加内容的输入元素。可以使用JavaScript的
document.getElementById()方法或其他选择器方法来获取元素的引用。例如，如果输入元素的id为myInput，可以使用以下代码获取该元素的引用：
var inputElement = document.getElementById('myInput');- 创建要添加的HTML和文本内容。可以使用字符串拼接或模板字符串的方式创建所需的内容。例如，要添加一个链接和一段文本，可以使用以下代码：
var htmlContent = '<a href="https://www.example.com">Link</a>';
var textContent = 'Some text';- 将HTML和文本内容添加到输入元素中。对于提交类型的输入，可以使用
innerHTML属性将HTML内容添加到元素中，使用value属性将文本内容添加到元素中。例如，如果输入元素是一个文本框，可以使用以下代码将HTML和文本内容添加到该文本框中：
inputElement.value = textContent;
inputElement.innerHTML = htmlContent;需要注意的是，使用innerHTML属性添加HTML内容时，要确保内容是安全的，以防止跨站脚本攻击（XSS）。可以使用适当的转义或过滤方法来确保安全性。
总结： 通过以上步骤，可以使用JavaScript将HTML和文本添加到提交类型的输入。这种方法适用于需要动态添加内容到表单元素的场景，例如在用户输入某些信息后，根据用户的输入动态生成表单内容。
腾讯云相关产品推荐：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（小程序云开发）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
我想要创建一个不需要<input type="text">表单元素的输入文本框。用户仍然可以在这个文本框中键入文本，并且仍然可以使用Javascript/jQuery检索值。这样做的原因是，这个文本框将是一个表单，在提交时，所有表单输入值都将发送到服务器端进行处理，并且有一个文本框，我不希望它的值自动发送到服务器端。
问题：什么是创建这样一个文本框而不依赖于HTML元素input的最佳方法？
浏览 0提问于2011-11-13得票数 5
回答已采纳
1回答
初级需求
我真正想要实现的是，有一个带有按钮的文本框，用户可以在该文本框中输入值，然后通过不同的localStorage s将这些值保存到key中(以便即使在页面刷新时也可以检索这些值)，并且插入的值也将显示在文本框下。
我为实现这一目标所做的一切：
<div>
<input type="text" name="userInputs" placeholder="Please insert the value" id="idUserInputs">
<button onclick="i
浏览 0提问于2019-08-18得票数 2
回答已采纳
2回答
刷新筛选器文本引导4
、、、
所以我有一个带有过滤器和列表的输入元素。在选择任何列表项后，它会将输入中写入的默认文本的名称更改为所选列表项中写入的文本，我希望在按下某个按钮后刷新在输入中写入的默认文本。我试着使用innerHTML和.text()来完成它，但是失败了。
HTML
<div class="filter">
<input type="text" class="region formClear" id="myInput"
onkeyup="myFunction()" value="regi
浏览 1提问于2018-02-15得票数 1
回答已采纳
3回答
您知道当您打开一个新的选项卡时，您可以开始键入而不必选择搜索栏吗？我有一个HTML文本输入框，我希望能够打开我的网页，使文本输入框立即打印，因为没有一个更好的术语。假设我的输入框如下所示：
<input type="text" class="myInput" value="add an item"></input>
我现在正在使用HTML、CSS和JavaScript/jQuery。我可以添加哪些代码来确保文本输入框立即可键入？
浏览 7提问于2017-09-30得票数 0
回答已采纳
我想在我的屏幕上有一个文本框(就像我现在输入的那个)，你可以输入，然后点击提交按钮，它会将你在框中输入的内容发送到javascript，然后javascript会打印出来，out.Here是我的代码，这是可以工作的部分。
<html>
<body>
<input type="text" id="userInput"=>give me input</input>
<button onclick="test()">Submit</button>
<s
浏览 1提问于2013-03-09得票数 7
回答已采纳
我用它来动态生成一个文本框：`
<html>
<head>
<title>Dynamic Form</title>
<script type="text/javascript" >
function CreateTextbox()
{
var i = 6;
createTextbox.innerHTML = createTextbox.innerHTML +"<input type=text name='flow'+ i/>"
i++;
}
</script>
&
浏览 0提问于2009-09-07得票数 0
回答已采纳
2回答
我使用了一个内容可编辑元素：
<span id="myinput" contenteditable="true">This is editable.</span>
和
document.getElementById('myinput').innerHTML
从Javascript中读取其内容。
但结果是：
"blah " => innerHTML = "blah   "
"bonjour\n bonsoir" => inner
浏览 4提问于2014-09-17得票数 9
我想要实现的是在输入字段中输入文本，在提交时，我希望文本出现在HTML页面的不同位置。
示例:我有一个包含以下行的页面
雷德卡-
绿色汽车-
黄车-
在输入字段中键入文本后，我希望将行更改为
redcar-文本
greencar-文本
yellowcar-文本
这是可能实现的吗？如果你有一个示例代码，它将是非常受欢迎的。
这对我很管用
function myFunction()
{
var x;
var person=prompt("Please enter your text","text");
if (person!=null)
{
x=&
浏览 1提问于2020-08-04得票数 0
2回答
在一些javascript的帮助下，我正在做一个简短简单的html测验。问题是，我不想使用<input>来接受答案，我正在寻找替代方案。javascript根据标签ID运行输入。是否可以使用另一个带有contenteditable的标签。我希望框中显示“在此处键入答案”。如果javascript检查ID1，我能得到类似这样的东西吗？
<p id="id1" contenteditable="true">Type answer here</p>
而不是
<input type="text" id="
浏览 0提问于2012-10-01得票数 0
回答已采纳
1回答
我有一个搜索输入字段，我想动态地获取用户的输入，并更新<div>中包含的列表
我正在为目录建立一个搜索解决方案，您可以在那里显示项目列表。
现在，所有的项目是一次显示。
html
<input type="search" id="search-field" placeholder="Search...">
</div>
<div class="container">
<p id="guide
浏览 0提问于2019-07-09得票数 0
回答已采纳
所以我用<input type="number">做了这个计算器应用程序，但是当我尝试输入一个点，点击我制作的html按钮时，它会给我这个错误：The specified value "." is not a valid number. The value must match to the following regular expression: -?(\d+|\d+\.\d+|\.\d+)([eE][-+]?\d+)?，但是如果我点击输入，然后用键盘打点，它就可以工作了。代码如下：
<input type="number"
浏览 0提问于2020-02-04得票数 2
请考虑以下HTML：
<a class="title" threedots="Product Name 1"></a>
<a class="title" threedots="Product Name 2"></a>
<a class="title" threedots="Product Name 3"></a>
我想把它改为：
<a class="title" threedots="Product
浏览 4提问于2016-01-26得票数 0
回答已采纳
4回答
我想创建一个文本框和一个提交按钮，其中：
index.html:如果用户输入文本框字段"123“，单击submit将转到或跳转到john.html页面。
和
如果用户输入"456“，单击submit将转到chris.html页面。
以上两项都应该只有一个文本框字段和一个提交按钮。
<form>
<input type="code" name="code" size="15"/>
<input type="button" value="Submit"/>
<
浏览 5提问于2015-10-27得票数 0
回答已采纳
3回答
我有一个javascript函数，用来增加和降低div的高度。
这是密码
function chk()
{
var node = document.getElementById('content');
node.classList.toggle('expand');
}
使用此HTML代码：
<div id="hite">
<div id = "content">
This is dummy text.
</div>
<div id="
浏览 3提问于2013-12-03得票数 1
回答已采纳
复制步骤
使用Internet
检查无限复选框
单击文本框(它将从复选框中删除滴答/复选框)
尝试在文本框中输入文本
我们不能输入文本框。
再次单击文本框。现在，我们将能够在文本框中输入文本。
我们试过
使属性readOnly折叠，即$('#myinput').attr('readOnly'，false)；
调用$('#myinput').click()；
下面是HTML代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
浏览 2提问于2010-12-21得票数 0
回答已采纳
下面是不起作用的代码：
// money related syntax (yellow)
var SyntaxmoneyReg = /\b(StartingCurrency|Hello)(?=[^\w])/g
function myFunction() {
var input = document.getElementById("myInput")
var data = input.value;
document.getElementById("demo").innerHTML = "You wrote: " + data;
浏览 0提问于2018-12-13得票数 2
回答已采纳
2回答
我有一个带有两个输入文本框的表单，并且我为这两个选项都包含了jQuery验证规则：
<script src="../../Scripts/jquery-validate/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#respondForm').validate({ onclick: fal
浏览 1提问于2009-11-10得票数 4
回答已采纳
是否可以在不使用JavaScript的情况下设置HTML表单的默认输入焦点，例如：
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>
我想在不使用JavaScript的情况下加载表单时，将默认焦点设置为其中一个文本
浏览 60提问于2010-11-12得票数 170
回答已采纳
1回答
我在一个部门里有一个段落：
HTML：
<div id="header"><p>Header</p></div>
CSS：
#header p {
color: darkgray;
font-size: 15px;
单击按钮时，innerHTML将更改：
Javascript：
var header = document.getElementById('header')
header.innerHTML = "Changed"
但是，修改后的innerHTML，文本返回到它的原始属性。我希望文本保持
浏览 2提问于2016-01-07得票数 3
回答已采纳
3回答
我刚开始学习Javascript，但我真的以为我知道这一点。我不明白为什么它不能工作。我需要它插入“此文本”格式为2级标题到theDiv的时候，该按钮被点击。我尝试了所有的方法，即使是使用函数。这个例子看起来像是它应该工作的方式，但事实并非如此，我只能用Javascript来工作，没有JQuery --我还不知道。
<html>
<h1 id="header">Header in progress</h1>
<body>
<p>
<input type="button"
浏览 0提问于2013-10-27得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
