HTML中<input>元素如何移除其中的属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML中<input>元素如何移除其中的属性相关的知识,希望对你有一定的参考价值。

在一个表单中有个<input>元素,其中我未设置他的name属性,我是在javascript中进行设置的。如果选中就设置他的name属性,如果取消选中就去掉他的name属性。设置name属性倒是容易,请问如何去掉他的这个name属性。
我不是指name="".而是从<input>元素中移除掉。

参考技术A 建议你想想 不去掉name属性该如何做也能实现功能 参考技术B 好象不能取消吧。 参考技术C 试试

var obj = document.getElementById("xxx");
obj.removeAttribute("name");本回答被提问者采纳

html5都有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问题?

h5新特性:
语义化标签:<hrader></header> 、<footer></footer>、<nav></nav>、<section></section>、<article></article>、<aside></aside>、<video></video>、<audio></audio>
新增表单元素:email、month、number、range、search、tel、url、week、time、date、datatime、datetime-local
新增表单属性:placeholder、required、autofocus、autocomplete、maxlength、novalidate、max、min、step、multipe、disabled、checked
新增的视频和音频标签:<video></video>、<audio></audio>
canvas绘图
SVG绘图
拖拽
WebWorker、WebStorage、WebSocket

h5新标签的兼容问题:
(1)IE8/IE7/IE6支持通过 document.createElement
  (2)将html5shiv.js引入到head中(IE9及以下)
<!--[if lt IE9]><script src="dist/html5shiv.js"></script><![endif]-->
    载入后,初始化新标签的CSS:
    /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menudisplay:block

如何区分html和html5:
(1)在文档类型声明上,h5为<!DOCTYPE html>,之前版本比较长
(2)h5有语义化标签,如<header></header>
参考技术A

HTML5已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。

新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除,此外,还新增了以下的几大类元素。

1.内容元素,article、footer、header、nav、section。

2.表单控件,calendar、date、time、email、url、search。

3.控件元素,webworker, websockt, Geolocation。

移出的元素有下列这些:

显现层元素:basefont,big,center,font, s,strike,tt,u。

性能较差元素:frame,frameset,noframes。

处理兼容问题有两种方式:

1.IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。

2.使用是html5shim框架

另外,DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。

以上是关于HTML中<input>元素如何移除其中的属性的主要内容,如果未能解决你的问题,请参考以下文章

Firefox中<button>标签的虚线轮廓[重复]

移除 Angular 组件创建的宿主 HTML 元素选择器

如何在 <input> 元素内创建标签并设置样式?

如何实现input元素与datalist元素的数据绑定?

css如何实现只设置type为text的input元素的样式

JavaScript HTML DOM 元素 (节点)