submit内value属性的使用方法

作者:袖梨 2026-07-26

submit对象的value属性用于设置或获取表单提交按钮上显示的文字内容。

1、 新建一个名为 submit_value 的 HTML 文件。

img_6a658826a0ba030.webp

2、 添加一个类型为提交按钮的输入元素,并将其 ID 设置为 my_submit_id_value。

img_6a658826a0ba731.webp

3、 添加一个按钮,为其点击事件绑定自定义函数my_submit_value。

4、 添加一个p标签,并为其设置id属性值为show_submit_value。

img_6a658826a0bac32.webp

5、 在JavaScript中定义一个名为my_submit_value的自定义函数,用于执行特定数据提交操作。

img_6a658826a0bb033.webp

6、 在自定义函数中获取input submit元素,通过value属性取得按钮显示的文本内容,并将其结果动态添加至页面中的p标签内。

7、 标签内显示内容

img_6a658826a0bb434.webp

8、 在浏览器中打开 submit_value 文件,点击按钮即可查看运行效果。

img_6a658826a0bb835.webp

相关文章

精彩推荐