我可以在html表单字段中添加2个（或更多）名称属性吗？

Question

我有一个模式，显示添加新博客帖子的表单。其中一个输入字段当然是帖子正文。该字段如下所示：

<div class="form-group">
      <label>Post Body</label>
      <textarea name="editor1" class="form-control" placeholder="Blog post"></textarea>
</div>

editor1 name属性用于在添加博客帖子时获取文本编辑器，但我想添加name属性＆＃34; body＆＃34;没有替换＆＃34; editor1＆＃34;。我可以这样做吗？ （怎么样？）

Answer 1

没有！你可以简单地将'editor1'改为'body'，或者像处理它一样使用它，同时注意它在处理脚本中的必要位置。

Answer 2

正如您之前的评论所收集的：一个元素不能包含多个相同的属性。虽然我不知道为什么你需要多个[name]，而且MMC可能是正确的XY Problem，我相信你想要一个字符串值与<textarea>相关联。如果是这样，您可以使用data-*属性。

• 以下演示有6个例子：
  • jQuery data()方法 - 设置/获取数据 - *
  • JavaScript getAttribute() 方法 - 获取数据 - *
  • JavaScript setAttribute() 方法 - 获取数据 - *
  • JavaScript dataset 方法 - 设置数据

演示

<小时/>

＆＃13;

＆＃13;

var node = document.querySelector('.form-control');

/* Get data-name~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
// jQuery data() method - get data-name
var data0 = $('.form-control').data("name");

console.log('data-name: ' + data0);

// JavaScript getAttribute() method - get data-mame
var data1 = node.getAttribute("data-name");

console.log('data-name: ' + data1);

// JavaScript dataset property - get data-name
var data2 = node.dataset.name;

console.log('data-name: ' + data2);

/* Set data-name~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
// jQuery data() method - set data-name to "field"
$('.form-control').data("name", "field");
var data0 = $('.form-control').data("name");
console.log('data-name: ' + data0);

// JavaScript setAttribute() method - set data-name
node.setAttribute('data-name', 'field');
var data1 = node.getAttribute("data-name");
console.log('data-name: ' + data1);

// JavaScript dataset property - set data-name
node.dataset.name = "field";
var data2 = node.dataset.name;
console.log('data-name: ' + data2);

＆＃13;

<fieldset class="form-group">
  <label>Post Body</label>
  <textarea name="editor1" data-name="body" class="form-control" placeholder="Blog post"></textarea>
</fieldset>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;