`
ianylb
  • 浏览: 74399 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

input type="image“ input type="submit" 区别

    博客分类:
  • HTML
 
阅读更多
input type="image“ input type="submit" 区别

input type="submit"是提交表格按钮,使用系统默认的风格,input type="image"也能提交表单,但使用用户指定的图片来作为按钮风格。


运行以下代码就可以知道效果
<HTML>
<BODY>
<FORM ID="" NAME="" METHOD=POST ACTION="./a.html" onsubmit="alert('提交表单');">
   <INPUT ID="text" NAME="" TYPE="text">
   <input type=image name=point src="./images/1.gif" hideFocus="true">
</FORM>
</BODY>
</HTML>
分享到:
评论

相关推荐

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    - 示例:`&lt;input type="image" src="images/login.gif" /&gt;` 9. **隐藏域(hidden)** - 描述:用户不可见,用于存储后台程序需要的数据。 - 语法:`&lt;input type="hidden" /&gt;` 10. **文件域(file)** - 描述:...

    使用HTML开发商业网站-表单控件-input课件.pptx

    &lt;input type="image" src="images/submit-btn.png" alt="提交"&gt; ``` 9. **隐藏域 (hidden)**: `&lt;input type="hidden"&gt;` 用于存储用户看不到但对表单处理很重要的数据。 示例: ```html &lt;input type="hidden" ...

    INPUT的TYPE用法

    `type="submit"` 和 `type="reset"` - 提交和重置按钮 `type="submit"`创建一个提交按钮,用于将表单数据发送到服务器进行处理。`type="reset"`则创建一个重置按钮,清除表单中的所有用户输入。 通过上述解析,...

    input资源的格式

    &lt;input type="image" src="submit.gif" alt="Submit" width="30" height="30"&gt; ``` #### 三、总结 本文详细介绍了HTML中`input`元素的各种类型及其使用方法。这些类型的灵活运用能够极大地提升用户体验,并使...

    input标签里面的name与value的区别

    这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 ...

    HTML 笔 记

    - **示例**: `&lt;input type="image" src="submit.png"&gt;` #### 8. 普通按钮 (`&lt;input type="button"&gt;`) - **定义**: `&lt;input type="button"&gt;` 是一个普通按钮,通常需要配合 JavaScript 来定义其行为。 - **示例**: `...

    HTML5教程三

    &lt;input type="image" src="images/submit.gif" alt="Submit" height="30" width="150"&gt; ``` - **&lt;meter&gt; 和 **: 用于显示度量值或进度条。 - 示例代码: ```html &lt;meter value="2" min="0" max="10"&gt;2 out of ...

    html表单的几种提交方式总结

    最普通最常用最一般的方法就是用submit type..看代码: 复制代码代码如下: &lt;...input type=”image” name=”submit” src=”btnSubmit.jpg”&gt; &lt;/form&gt; 第三种是使用链接来提交表单,用到了

    HTML5新增的8类INPUT输入类型介绍

    input type=”submit”&gt;可单击按钮 &lt;input type=”button”&gt;图像按钮 &lt;input type=”image”&gt;隐藏域 &lt;input type=”hidden”&gt;重置按钮 &lt;input type=”reset”&gt;文件域 &lt;input type=”...

    第七课 表单控件-011

    - `&lt;input type="submit"&gt;` 是提交按钮,用于将表单数据发送到服务器。 - `&lt;input type="file"&gt;` 用于让用户选择本地文件进行上传。 5. 下拉菜单: 使用 `&lt;select&gt;` 标签创建下拉菜单,`&lt;option&gt;` 标签定义可...

    input file图片上传即时预览

    &lt;input type="submit" value="上传"&gt; ``` 在后台,可以使用Apache Commons FileUpload库处理多部分表单数据。以下是一个简单的Servlet示例: ```java import org.apache.commons.fileupload.FileItemIterator; ...

    PayPal网站标准集成指南

    &lt;input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online" alt="Donate with PayPal button"&gt; ...

    第三部分 表单1.doc

    - 提交按钮:`&lt;input type="submit" value="按钮文字"&gt;` - 重置按钮:`&lt;input type="reset" value="按钮文字"&gt;` - 普通按钮:`&lt;input type="button" value="按钮文字"&gt;`,无内置功能,可通过JavaScript扩展。 7....

    JQuery选择器

    &lt;input type="submit" value="提交"/&gt; &lt;input type="text" /&gt; &lt;select&gt;&lt;option&gt;Option&lt;/option&gt;&lt;/select&gt; &lt;textarea rows="5" cols="20"&gt;&lt;/textarea&gt;&lt;br/&gt; &lt;button&gt;Button&lt;/button&gt;&lt;br/&gt; ...

    1HTML5表单属性

    - 这些属性允许在 `&lt;input type="submit"&gt;` 和 `&lt;input type="image"&gt;` 元素中重写表单的属性,例如提交的目标地址或是否验证等。 - **示例**: ```html &lt;form id="form1" action="/default_action.php"&gt; ... ...

    Form的HTML

    `&lt;input type="radio"&gt;`用于创建一组单选按钮,同一组内的单选按钮拥有相同的`name`属性值,确保一次只能选择一个选项。通过设置`checked`属性,可以预选某个选项。 #### 复选框(checkbox) `&lt;input type=...

    HTML5 input新增type属性color颜色拾取器的实例代码

    `&lt;input&gt;`元素的`type`属性还有其他多种值,每种都有特定的用途: - `button`:创建一个可点击的按钮,通常与JavaScript一起使用来执行脚本。 - `checkbox`:定义一个复选框,用户可以选择或取消选择。 - `date`:...

    PayPal集成

    &lt;input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but23.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"&gt; ``` 此表单中的“提交”按钮使用PayPal的...

    html的ppt

    4. 按钮:包括提交按钮(`&lt;input type="submit"&gt;`),重置按钮(`&lt;input type="reset"&gt;`)以及普通按钮(`&lt;input type="button"&gt;`)。 5. 复选框(`&lt;input type="checkbox"&gt;`):用户可多选,通过`checked`属性预设...

    HTML习题66页(做完很有觉得很有收获)

    文本输入框(&lt;input type="text"&gt;)、密码输入框(&lt;input type="password"&gt;...submit"&gt;)、重置按钮(&lt;input type="reset"&gt;)、图像按钮(&lt;input type="image"&gt;)、隐藏字段(&lt;input type="hidden"&gt;)和文件域(&lt;input ...

Global site tag (gtag.js) - Google Analytics