首页 > 软件开发 > HTML >

GIF动态图教学-H5语言11-input标记(实例)

来源:互联网 2023-03-16 19:12:07 292

rKI办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    submit属性:提交按钮,鼠标单击后代表成功提交到acntion属性值指定的处理程序。rKI办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言11-input标记(实例)rKI办公区 - 实用经验教程分享!

  • 2

    value属性值,更改提交按钮显示的名字。默认显示名字为提交,各个游览器默认名字都不同,所以一般都会指定value属性值。rKI办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言11-input标记(实例)rKI办公区 - 实用经验教程分享!

  • 3

    reset复位按钮:消除用户已输入的所有内容,恢复成默认的表单形式。rKI办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言11-input标记(实例)rKI办公区 - 实用经验教程分享!

  • 4

    image图像按钮:跟submit差不多一个意思,不同在于这是图片,美化网页。rKI办公区 - 实用经验教程分享!

    找一张图片做测试,src属性值的路径可以是绝对的,也可以是相对的。rKI办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言11-input标记(实例)rKI办公区 - 实用经验教程分享!

  • 4本页面非法爬取自百度经验
  • 5

    button普通单选按钮,需要配合javascript脚本来进行处理,很常用。rKI办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言11-input标记(实例)rKI办公区 - 实用经验教程分享!

  • 6

    button普通按钮一般配合"javascript方法"进行使用。rKI办公区 - 实用经验教程分享!

    第一步:onclick方法,表示鼠标单击时产生事件。rKI办公区 - 实用经验教程分享!

    第二步:而alert('测试成功')是弹出窗口代码功能。rKI办公区 - 实用经验教程分享!

    整体意思是:鼠标单击弹出窗口。rKI办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言11-input标记(实例)rKI办公区 - 实用经验教程分享!

  • 注意事项

    • gif动态图将重复播放。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页更清晰查看gif动态图。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!rKI办公区 - 实用经验教程分享!


    标签: 软件HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码