<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>制作点击输入框时默认文字消失的效果</title>
</head>
<style>
<!--
01
-鼠标移动上去,边框变红第一种方法-->input:hover {
border: 1px solid #F00;
}
</style>
<body>
<!-- 02-鼠标点击选中输入框中的提示信息 -->
<form>
输入内容:
<input type="text" value="Dreamweaver" onfocus="this.select()" />
</form>
<!--03-鼠标移动上去,边框变红第二种方法,鼠标点击选中输入框中的提示信息-->
<form>
输入内容:
<input type="text" value="Dreamweaver" onfocus="this.select()"
onmouseover="this.style.borderColor='#FF6600'"
onmouseout="this.style.borderColor=''" />
</form>
本内容试读结束,登录后可阅读更多
下载后可阅读完整内容,剩余1页未读,立即下载