首页 > 软件开发 > HTML >

快速学会HTML语言-21-input标记(实例)

来源:互联网 2023-03-16 19:11:43 466

先顶后看年薪百万,如果帮到了你,投个好评。huy办公区 - 实用经验教程分享!

快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

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

    快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

  • 2

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

    快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

  • 3

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

    快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 4

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

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

    快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

  • 5

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

    快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

  • 6

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

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

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

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

    快速学会HTML语言-21-input标记(实例)huy办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)

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


    标签: HTML

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