css设置文本框的属性

1.设置文本框的禁止输入:

设置它的disabled="disabled",或者设置readonly="readonly"


2.设置单选按钮选中:

checked="checked",在用jquery判断该单选按钮是否被选中,可以获取该单选按钮的checked属性,如:

if($("#radioInput").attr("checked")==true){

//被选中

}

$('input[name="tjChart"]:checked').val();//被选中的值,也可以用这种方法判断

if($("#radioInput").is(":checked")){ //jQuery方式判断

}


根据属性value删除单选按钮

$("input:radio[value='rd2']").remove();//这里的是删除value为rd2的值

根据下标index删除单选按钮:

$("input:radio").eq(2).remove();//删除index为2的单选按钮(下标是从0开始算的)

获取被选中的单选按钮的个数:

var num=$("input[type=radio]":checkd).length;

if(num<1){

//没有被选中的单选按钮

}

根据被选中的单选按钮来获取对应的值:

$("input:radio:checked").each(function(){
console.log($(this).val());  // 选中框中的值
});

3.设置下拉框被选中:

<select>

<option selected="selected"></option>

</select>

用jquery判断该下拉框是否被选中:

if($("#optSelect").attr("selected")==true){

//被选中

 $("#optSelect").find("option:selected").text();//获取选中的值

//

$("#optSelect option:selected").attr("name");//获取被选中的属性name的值

}

该下拉框的改变事件使用如下:

$("#optSelect").on("change",function(){

//代码块

});


4.设table表格里的单元边距:

cellspacing="0" cellpadding="0" 这样就可以了


5.css设置输入框的提示边框没有:

outline: none;




### 如何通过CSS自定义文本框placeholder的样式 可以通过设置特定的伪元素来实现对 `placeholder` 的样式调整。以下是具体的实现方法: #### HTML 部分 HTML 中只需正常创建一个带有 `placeholder` 属性的输入框即可。 ```html <input type="text" id="customPlaceholder" placeholder="请输入内容"> ``` #### CSS 部分 为了兼容不同的浏览器,需要针对不同前缀分别编写样式规则。 ```css /* 设置基础样式 */ #customPlaceholder { width: 300px; height: 40px; } /* Webkit 浏览器 (如 Chrome, Safari) */ #customPlaceholder::-webkit-input-placeholder { color: red; /* 文字颜色为红色 */ font-size: 20px; /* 字体大小为20px */ text-align: center; /* 水平居中显示 */ } /* Firefox 浏览器 */ #customPlaceholder:-moz-placeholder { color: red; font-size: 20px; text-align: center; } /* IE 10+ 浏览器 */ #customPlaceholder:-ms-input-placeholder { color: red; font-size: 20px; text-align: center; } ``` 上述代码实现了将占位符文字的颜色改为红色[^1],字体大小设定为20像素,并使文字在输入框内水平居中显示。 如果希望进一步扩展功能,比如给占位符添加删除线效果,则可以这样写: ```css /* 给 Webkit 浏览器中的占位符加删除线 */ input[type='text']::-webkit-input-placeholder { color: black; /* 黑色文字 */ text-decoration: line-through; /* 删除线效果 */ } ``` 此段代码会使得 `placeholder` 显示黑色且带有一条贯穿其中心的直线作为装饰[^2]。 #### 总结 以上展示了如何利用 CSS 自定义文本框内的默认提示信息——即 `placeholder` ——的外观表现形式。这不仅限于改变其色彩与尺寸参数,还可以加入更多视觉修饰手段以满足设计需求。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值