text-decoration : none || underline || blink || overline || line-through
取值:
none : 默认值。无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
说明:
检索或设置对象中的文本的装饰。
有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。
对象 strike , s , del ,默认值是 line-through 。
假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。
假如对象没有文本(如 img 元素)或者是空元素(如:<EM></EM>), 此属性不会发生作用。
假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。
在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textDecoration 。
这个问题包含两个方面:jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现$("input#test").val()// 推荐这种方式,因为id是唯一的
$("input[name='test']").val()// 此时需要注意是否有同名的input元素
$("input:text").val()// 这种方式只有整个网页只有一个文本输入框才是正确的
下面给出示例:
创建一个文本框和一个触发获取文本框输入内容的按钮
<input id="test" name="test" type="text"/><br>
<input type="button" value="显示文本框输入内容">
简单设置一下css样式
input[type='text']{width:200pxheight:35pxmargin:10pxborder:1px dashed greenborder-radius:5px}
input[type='button']{width:200pxheight:35pxmargin:10pxborder:2px solid #ebbcbe}
添加jquery代码
$(function(){
$("input:button").click(function() {
alert($("input#test").val())
})
})