9.:text表单文本选择器

:text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具,使用非常广泛。

例如,在表单中添加多个元素,使用:text选择器获取单行的文本输入框元素,并修改字的边框颜色,如下图所示:

在浏览器中显示的效果:

从图中可以看出,通过:text表单选择器只获取单行的文本输入框元素,对于<textarea>区域文本、按钮元素无效。

时间: 2024-08-10 18:46:51

9.:text表单文本选择器的相关文章

Jquery学习笔记-表单元素选择器

1. :input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>.<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的. $("#frmTest :input")表单选择器代码获取了表单中的全部元素 2. :text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具,使用非常广泛. 通过:

一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 &amp;&amp; 子元素过滤选择器 &amp;&amp; 表单过滤选择器

四.属性过滤选择器 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 选取下列元素,改变其背景色为 # bbffaa 含有属性title 的div元素. 属性title值等于"test"的div元素. 属性title值不等于"test"的div元素(没有属性title的也将被选中). 属性title值 以"te"开始 的div元素. 属性title值 以"est"结束 的div元素. 属性title值 含有"

[ jquery 表单UI选择器和表单元素属性选择器 ] 表单UI选择器和表单元素属性选择器

表单UI选择器和表单元素属性选择器: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keywo

第一阶段 XHTML.表单与选择器

一.表单(Form): 1.作用:收集客户端信息,然后发送到服务器上 2.格式 <form action=" 服务器URL" method="get默认值|post传输方式" name="表单名称"> ... </form> 3.表单元素 1.单行文本框 <input type="text" name="名称" value="值" size="文本

表单文本两端对齐

1.在页面布局的时候,只要有表单就存在这个对齐方式的应用. 2.来源于网络,出处已忘记. 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>文本2端对齐</title> 6 <meta content="width=device-width, initial-scale=

表单 -文本框之前或之后添加文本或按钮

样式: *现代浏览器的最新版都支持inline-block,只有ie6.7不支持inline-block,但ie6.7可以通过 display:inline:zoom:1:来模拟. *firefox,safari,opera,ie8+中的 inline-block 元素之间会莫名其妙多出3px的间距,其实这个是换行符,可以在inline-block的父元素中加上 font-size:0:来去掉inline-block元素之间的空隙. *white-space: nowrap;   设置如何处理元

jQuery选择器之表单元素选择器

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css&

Chrome表单文本框自动填充黄色背景色样式

开发后台管理系统或 网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问 题,把之前查阅的一些资料和自己解决这个问题的方法纪录在此,一是为大家遇到此问题时提供一份资料,二是作为自己的笔记.过多的话就不多说了,下面进入正 题. 一.首先介绍一下我遇到这个问题时文本框的样式情况:  上图为Chrome浏览器为表单中的文本框自动填充黄色背景色的样子, 我自己为文本框加的,获得焦点后,周围有蓝色阴影. <input

改变表单文本框的大小

form表单的文本框不合适,所以想要改变大小. 一开始百度有人说在input里边加上size,赋值就可以了,我试了一下,这样只能改变文本框的高,不能改变长. 所以又百度了一下,原文网址着这里 http://www.jb51.net/css/154225.html 具体的内容是这样的 <form action="" method="get"> <input type="text" style="width:300px;h