HTML form name属性

form name属性

HTML form元素的name属性可定义表单的名称,还可以为脚本引用表单提供了一种方法。


语法

<form name="value">

提示:value为自定义的表单名称。


form name属性实例代码,及在线编辑器

下方实例中JavaScript的脚本通过form的name属性匹配到该表单,并设置该表单的背景颜色属性:

<form name='f1' style='text-align:center;padding:2%;'>
  <input type='text'>
  <input type='submit'>
</form><br>

<button onclick='setColor()'>按钮</button>

<script>
  function setColor(){
    var f = document.forms["f1"]
    f.style.backgroundColor = "skyblue"
  }
</script>

全栈前端 / HTML属性 :











Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.