首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何换行javascript (生成HTML代码的表单)

如何换行javascript (生成HTML代码的表单)
EN

Stack Overflow用户
提问于 2018-06-24 05:10:18
回答 1查看 24关注 0票数 0

下面的代码是一个生成html代码的表单。

我希望每个字段都在"Post text“字段中的单独一行上

当前输出:

代码语言:javascript
复制
<div>texthere</div><script>texthere</script><style>texthere</style>

预期输出:

代码语言:javascript
复制
<div>texthere</div>
<script>texthere</script>
<style>texthere</style>` 

代码语言:javascript
复制
function submitted() {
  var formValue0 = '<div>' + document.getElementsByName("content")[0].value + '</div>';
  var formValue1 = '<script>' + document.getElementsByName("content")[1].value + '<\/script>';
  var formValue2 = '<style>' + document.getElementsByName("content")[2].value + '</style>';
  document.getElementsByName("content")[3].value = formValue0 + formValue1 + formValue2;
  return false;
}
代码语言:javascript
复制
<form onsubmit="return submitted()">
  Field 1:<br><input type="text" name="content"><br> 
  Field 2:<br><input type="text" name="content"><br> 
  Field 3:<br><input type="text" name="content"><br>
  <input type="submit" value="DONE"><br><br> 
  
  Post text:<br><textarea name="content" style="height:200px"></textarea>
</form>

您可以将此代码用于多项工作,并使用重复的代码加速您的工作,例如必须手动编辑html的自定义帖子

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51005062

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档