HTML DOM 输入提交名称属性
HTML DOM Input Submit name 属性用于设置或返回提交按钮的 name 属性。name 属性有助于在将表单数据提交到服务器后识别该数据。
语法
以下是语法 −
设置 name 属性 −
submitObject.name = name
此处,name 用于指定提交按钮的名称。
示例
我们来看一个 Submit name 属性的示例 −
<!DOCTYPE html> <html> <body> <h1>Input submit name Property</h1> <form style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Loc"> <br><br> <input type="submit" id="SUBMIT1" name="BTN1"> </form> <p>Change the name of the above submit button by clicking the below button</p> <button type="button" onclick="changeName()">CHANGE NAME</button> <p id="Sample"></p> <script> function changeName() { document.getElementById("SUBMIT1").name ="SUB_BTN" ; document.getElementById("Sample").innerHTML = "Submit Button name is now SUB_BTN"; } </script> </body> </html>
输出
将产生以下输出 −
单击 CHANGE NAME 按钮 −
广告