2007年8月24日随笔档案 - 摆渡人，外婆桥！

IE对select的处理，又一怪现象：innerHTML竟然不起作用。

我们用select来选取一个国家，当我辛辛苦苦拼凑字符串，然后把这个字符串赋值给select的innerHTML，运行，在firefox下能显示出所有的国家。但是在IE下却什么都没有显示。刚开始我还以为是我拼凑的字符串有问题，仔细检查没有啊。后台到google上search了下，发现是ie处理select的一个bug。于是做了一个简单的测试。

<html>
2

<head>
3

<title>test</title>
4

function test(){
6

var elem=document.getElementById("testS");
7

elem.innerHTML="<option value=1>aa</option>";
8

}
9

</script>
11

</head>
12

<body>
13

<input type=button value=test onclick='test()'>
14

<div>
15

<select id='testS'></select>
16

</div>
17

</body>
18

</html>

点击test按钮，在IE下，select框没有任何的内容。怪异啊！
于是不得不利用Option对象来增加select的内容。

posted @ 2007-09-12 10:43 swingboat 阅读(1181) | 评论 (0) | 编辑收藏

在IE下，页面只有一个text的时候，回车将自动submit。

真是一个很怪的缺省操作啊！

<html>
2

<head>
3

<title>test</title>
4

</script>
6

</head>
7

<body>
8

<form name="test" method="post" action="test.htm">
9

<input type='button' value='test' onclick="javascript:test()">
10

<input type="text" name="textfield" class="input">
11

</form>
12

</body>
13

</html>

运行上面的html文件，在text中输入内容，然后回车，这个页面将会自动提交表单。即使我在这个页面中增加file，checkbox，hidden等的控件，这个页面还是会自动提交。这是IE的一个缺省操作。如果想改变这个缺省操作，我们可以再增加一个text，然后隐藏这个text。

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer

posted @ 2007-08-28 16:47 swingboat 阅读(1837) | 评论 (3) | 编辑收藏

设置input的内容居中？

让input的内容在纵向居中，首先我使用了vertical-align样式，没有任何的效果。
后来google了一把，发现需要设置line-height样式，设置后运行，果然如此！
.input   {
FONT-SIZE:   12px;
height:100px;
line-height:100px;
}
以下是引用内容（http://topic.csdn.net/t/20050722/20/4162420.html）：
实际上，一个Box中由很多行很多元素组成，vertical-align只作用于在同一行内的元素，它的垂直并不是相对于整个Box而言的。前面那个   span定义了一个60px的高度，但是这个span的Box中存在很多行，那段文本并不能对齐到span的中央。因此希望那段文本对齐span的中行，   需要给它定义一个line-height的属性，让line-height为60px，作用于一行的vertical-align就按你的想法工作了

posted @ 2007-08-24 16:02 swingboat 阅读(2658) | 评论 (1) | 编辑收藏

2007年8月24日

公告

导航

统计

常用链接

留言簿(4)

随笔分类

随笔档案

文章档案

IT

搜索

积分与排名

最新随笔

最新评论

阅读排行榜

评论排行榜