首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【Web APIs】JavaScript 操作元素 ③ ( 修改表单元素属性 | 表单常用属性 | 表单常用属性修改示例 )

    ) 博客介绍 通过 DOM 操作 修改元素属性 ; 一、修改表单元素属性 1、表单简介 HTML 表单 是 网页中用于 收集用户输入 的重要组件 , 表单可以 包含多种类型的输入元素 , 如 : 文本字段...密码字段 单选按钮 复选框 下拉列表 文件选择框 这些输入元素允许用户输入数据 , 然后可以将这些数据提交到服务器进行处理 ; 2、表单常用属性 HTML 中 表单元素比较特殊 , 有很多属性和样式需要特殊处理...: 定义输入元素的类型 , 如 : text、password、checkbox、radio、submit 等 ; name : 定义输入元素的名称 , 用于在提交表单时标识数据 ; <input..., 禁用的元素表单提交时不会包含在提交的数据中 ; 3、表单常用属性修改示例 代码示例 : <!..." 点击下方按钮 , 改变表单元素内容 " ; 点击 按钮后 , 表单的内容变为 " 按钮被点击 , 表单内容发生改变 " , 按钮也变为不可用状态 ;

    8210

    【Web APIs】DOM 文档对象模型 ⑤ ( 获取特殊元素 | 获取 html 元素 | 获取 body 元素 )

    html 标签内部 , body 标签是显示部分内容的 顶层标签 ; 通过 JavaScript 和 DOM 操作 可以获取上述两个 html 和 body 特殊标签 元素 ; 1、获取 html 元素...通过 document.documentElement 属性 , 可以获取文档中的 html 元素 , 该元素是 HTML 网页文档的最顶层元素 ; 代码示例 : const htmlElement...= document.documentElement; console.log(htmlElement); // 输出整个 元素的 DOM 对象 2、获取 body 元素 使用 document.body...> 元素的 DOM 对象 3、完整代码示例 在下面的代码中 , 通过 document.body 获取 body 元素 , 将背景颜色设置为黄色 ; 通过 document.documentElement...获取 html 元素 , 将该标签下的所有字体大小设置为 30 像素 ; 代码示例 : <!

    14810

    jquery获取第几个子元素_js获取元素的指定子元素

    可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求的li元素; :last-child:这个也与上面相对了,...(n):第n个匹配元素(不包括)之后的元素(n从0开始),如:ul:gt(2)返回从第3个ul开始的所有ul元素(含第三个); :lt(n):第n个匹配元素(不包括)之前的元素(n从0开始),如:ul...:选择所有文件类型元素,即input[type=file]; :image:选择表单中的图像元素,即input[type=image],注意此处和前面根据标签名img选择图像有点不同哈; :input...:选择表单元素,如,,,等; :radio:选择单选按钮元素; :reset:选择复位按钮元素,如input[type=reset]...:选择已选中的选项元素; :visible:选择可见元素; :enable:选择界面上已经可以使用的表单元素; :disabled:选择界面上被禁用的表单元素; :checked:选择已选中的复选框或单选按钮

    27.1K30

    常用的表单元素有哪些_h5新增的表单元素属性

    今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。 表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素,最主要的作用就是收集信息。...表单元素是页面中不可缺少的元素,在最新的H5中,表单元素也新增了一些属性,在页面构建中发挥了重要的作用。一般来说,表单包含如下几个部分: 1. 提示信息:表单中包含的说明性文字 2....表单控件:包含了具体的表单功能项 3. 表单域:容纳所有表单控件和提示信息 常用的表单元素,包括: 1. form: 定义供用户输入的表单。 2. fieldset: 定义域。...接下来是对这些表单元素的具体分析。...W3School HTML 表单 : http://www.w3school.com.cn/html/html_forms.asp” target=”_blank” 3.

    3.4K30
    领券