简易邮箱登录插件开发-优快云博客

本文分享了在开发一个简单的邮箱登录TW插件过程中积累的HTML与JavaScript实用技巧，包括编辑模式启用、列表框自动下拉实现、元素事件响应及input样式控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为写一个简单功能的邮箱登录TW插件
捣鼓了一下html和javascript
知识太零散，怕以后忘记，特地记录下来
减少以后的工作：）
1. 网页的编辑模式
frameid.document.designMode="on";
这个页面的元素都变成可以选中的样子

2.. select列表框自动下拉
没有现成的方法实现
<select onchange="myFun();size=1;" onmouseover="size=20;">
通过鼠标悬停加控制列表条目数勉强实现

3. 元素事件响应从别处简单调用
<script language="javascript" for=inp1 event=onmouseover src="inpover.js"></script>
对每个元素和事件指定一段js，最好可以放到一个js文件中
这样，多个页面的多个元素都可以重复使用，修改js也变得方便

4. 通过css控制input比较烦琐，因为input有多种type：text，button，radio等
<script language=javascript>
switch(type)
{
case 'text':
case 'submit':
case 'reset':
case 'button':
style.border="1px solid #80B4FB";
style.backgroundColor="#C6DDFD";
style.valign="top";
style.height="18px";
style.font="normal 12px 宋体";
style.color="#000000";
break;
default:
;
}
</script>
将上面文件保存成.htc文件，比如input.htc
然后引用

<STYLE>

INPUT
{
behavior:url('input.htc的相对路径');
}
</STYLE>
</head>
<body>

<input type="button" value="按钮" name="B3" ID="Button1">

</body>

今日工作html代码小结