如何动态改变input type=submit 的type属性为button

最新推荐文章于 2023-03-29 02:18:52 发布
最新推荐文章于 2023-03-29 02:18:52 发布
阅读量2.5k 收藏 1
点赞数
文章标签： button input action function
  1. <form name="form1" action="1.htm">
  2. <input>
  3. <input type="submit" name="t1">
  4. </form>
  5. <script language="JavaScript">
  6. alert(form1.t1.type);
  7. form1.t1.removeNode(true);
  8. var s=document.createElement('INPUT');
  9. s.type='button';
  10. s.value='Submit';
  11. s.attachEvent('onclick',function(){form1.submit()});
  12. form1.appendChild(s);
  13. </script>
classicbear
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
＜button＞ 与 ＜input type=“button“ /＞
liuhao9999的博客
07-26 491
未指定该属性，则单击该按钮将提交其封闭的表单。如果要创建可点击按钮，建议使用该元素。这对于设置按钮样式非常有用。），因此它不能包含内容。充当提交按钮，我们必须将。with的类型更具语义。可以包含HTML。...
自定义input type=file 样式 美化input type=file 改变input type=file控件“丑陋面貌”
哪一站
12-24 5444
自定义input type=file 样式，美化input type=file 改变input type=file控件“丑陋面貌”
JS button按钮实现submit按钮提交效果
10-21
今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就是 使用button实现,怎么实现呢？下面小编给大家分享JS button按钮实现submit按钮提交效果，感兴趣的朋友参考下吧
是button按钮实现图片按钮提交
weixin_30553837的博客
08-10 127
　　一般通常我在实现按钮提交事件时，都会使用<input>按钮提交，而当我们在使用图片按钮是使用<input>按钮在写样式或者有时实现enter键盘提交时，有可能会出现不灵的效果，并且也很忙麻烦。然而在使用button按钮来做就要简单了许多。 　　具体做法： 　　先将图片按钮切图出来，保存好，然后使用button按钮，将其类型设成type="submit"提交按钮形式，...
type="button" 和type="submit"
xcmax
09-30 526
First name:   Last name:   请单击确认按钮，输入会发送到服务器上名为 "form_action.asp" 的页面。
通过freecodecamp.org学习 HTML 和 CSS
最新发布
m0_63973511的博客
03-29 1967
在无序列表之后，添加一个新图像，它具有src属性，值为："https:----.jpg"而它的alt对于需要从多个选项中获得一个答案的问题，你可以使用单选按钮。下面是一个带有cat。请记住，input元素是自闭合的。Indoor。
html更改表单按钮文字,HTML进阶应用技巧（十）用好表单的按钮
weixin_29323273的博客
06-22 2114
一、制作常规按钮制作按钮非常简单，在标记中把type参数设置为：type="submit"就获得一个提交按钮，如本例的“提交”按钮；在 标记中把type参数设置为：type="reset"就获得一个复原按钮，如本例的“重写”按钮；在标记中把type参数设置为：type="button"就获得一个普通按钮。本例的按钮源代码如下：按钮的制虽简单，但在制作按钮时要注意两点：1、对于特殊按钮，一般不需另加...
JS中type="button"和type="submit"的区别
10-19
当用户点击这个类型的按钮时，表单会立刻被提交，并且表单中的所有具有`name`属性的输入元素（如`input`、`button`、`select`等）会被转化为键值对并发送到服务器。值得注意的是，`type="submit"`按钮本身并不会作为...
button和input type=button的区别及注意事项
09-28
在JavaScript交互中，`<button>`的`value`属性与`<input type="button">`的处理方式也不同。例如，通过`$('#customBtn').val()`在IE浏览器下获取的是按钮内部的文本，而在非IE浏览器中则是`value`属性的值。如果要跨...
定义input type=file 样式的方法
12-14
<input type="submit" name="submit" class="btn" value="上传" /> ``` 在这个结构中，`<input type="text">`用于显示用户选择的文件名，`<input type="button">`则作为点击触发文件选择对话框的按钮。`<input ...
Web前端开发 form标签相关用法和属性
m0_52841254的博客
05-24 3321
<form>标签 html中的<form>标签，通常用于对用户信息的收集，form表单中需要使用<input>、<textarea>以及<select>标签完成各种功能的实现。 一、<input>标签及其相关属性 1.type属性 type属性用于设置<input>标签所设置的浏览器控件的类型 1.1.text type属性设置为text时，将在表单中插入单行文本框控件 用户名:<input type=
input标签submit属性，用CSS控制样式时高度不好控制的解决办法
XYCMS博客家园
03-24 5686
 input标签submit属性，用CSS控制样式时高度不好控制的解决办法。 需要在样式表中加入box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;
使用iview中的button组件,动态改变type报错
包子脸爱学习的博客
11-14 1560
使用iview中的button组件,动态改变type报错 用element这样写的时候是不会报错的，原来iview中的button组件type不能为空，所以最后改成了这样，完美解决： // 将原来的''值改为default <Button v-for="(item,index) in tabList" :key="index" :type="item.id === tabName ? 'primary' : 'default'">{{item.name}}</Button>
HTML／CSS 如何修改submit的宽与高
Maggie的博客
03-18 1万+
今天在做一个网站项目时需要修改&lt;input type="submit" &gt;的宽高，发现如果直接这样添加的话&lt;input type="submit" style="height: 50px;width: 100px"&gt; submit的宽高并不会发生变化。后查询得知，在Mac上面，准确来说在所有的苹果设备上面，如果直接设置height:35px;width:20px的话，sub...
标签上设置了required属性submit提交时，如果内容为空，则不允许提交
weixin_35912109的博客
04-29 1279
在标签上设置了required属性submit提交时是会执行submit方法体的。 <form id="form_container2" style="padding-top: 25px;"> <input type="text" class="form-control" value="admin" placeholder="用户名" id="regist_account" name="regist_account" required /> <input type="pa
在 input type="submit" 按钮中添加事件
热门推荐
HappierRaining
10-24 2万+
如下代码，可以直接在&lt;input type="submit" ..&gt;中添加onclick事件。用户点击"submit"按钮后会触发两个操作：一是提交表单到后台服务器。二是触发onClick事件调用我自己定义的upLoadData()函数。 ​ &lt;form action="http://127.0.0.1:5000" method="post" &gt;
Sublime Text中的属性设置
从百草园到三味书屋
10-28 1148
{ "font_face": "Courier New", "font_size": 14.0, "update_check": false, "open_files_in_new_window": false, "hot_exit": false, "remember_open_files": false }这些配置是需要放在Preference-->settings-User下的，
表单提交中的input、button、submit的区别
weixin_30376163的博客
12-29 2412
　　最近项目中用了很多的表单提交，发现input、button、submit甚至回车键都可以引发表单提交，下面将分别验证他们在使用中的区别。 1.input[type=submit] 我们直接来看例子： 代码如下： <form> <input name="name"> <input type="submit" value=...
<input type=”submit”>和<button type=”submit”>有什么不同？
02-14
<input type="submit"> 和 <button type="submit"> 的不同在于它们的外观和用途。 <input type="submit"> 是一个输入字段，通常是一个单行文本框，用于向服务器提交表单数据。它通常是一个简单的按钮，并且用户可以...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值