操作元素之表单属性设置

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>操作元素之表单属性设置</title>
</head><body><button>按钮</button><input type="text" value="输入内容"><script>// 1. 获取元素var btn = document.querySelector('button');var input = document.querySelector('input');// 2. 注册事件 处理程序btn.onclick = function () {// input.innerHTML = '点击了';  这个是 普通盒子 比如 div 标签里面的内容// 表单里面的值 文字内容是通过 value 来修改的input.value = '被点击了';// 如果想要某个表单被禁用 不能再点击 disabled  我们想要这个按钮 button禁用// btn.disabled = true;this.disabled = true;// this 指向的是事件函数的调用者 btn}</script>
</body></html>

操作元素之表单属性设置相关推荐

html表单验证的作用,HTML5表单元素、表单属性、表单验证
[HTML5新表单] 1.type: - email : 验证逻辑不完整,只验证是否包含 @ : - search : - url : 验证逻辑不完整,只判断是否包含 http:// : - tel ...
新增表单元素和表单属性
一.表单元素包含访问协议的完整路径的输入域,在提交表单时,自动验证url域的值 <input type="url" placeholder="请输入地址" ...
js入门·表单详解一（修改表单属性，修改表单元素值）
实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演 ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
htmlparser设置表单属性值
想用htmlparser实现自动填写表单并提交,但暂时实现不了提交,计划通过httpclient实现.htmlparser可实现设置表单属性值,但貌似意义不大,其主要价值在解析html网页.设置表单属 ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
html里面超链接alt_前端html--超链接，表格，表单属性
单元格合并涉及表格结构的调整 1. 跨列合并属性 : colspan 取值 : 无单位的数值,表示跨几列 2. 跨行合并属性 : rowspan 取值 : 无单位的数值,表示跨几行注意 : 1. ...
php form表单属性,HTML5 表单属性
HTML5 表单属性 HTML5 中新的表单属性 HTML5 的和标签添加了几个新属性,如下所示:新属性: autocomplete novalidate 新属性: autocomplete au ...
JavaScript文档对象模型document对象改变Html表单属性(4)
1.document对象改变Html表单属性更改Html元素内容时候可以用innerHtml属性进行修改,但是表单元素只能用value属性修改元素内容案例如下: <!DOCTYPE html ...

操作元素之表单属性设置

操作元素之表单属性设置相关推荐

最新文章

热门文章