提示框html
<scripttype="text/javascript">
window.alert("此為警告框");
window.confirm("此為確認框，請單擊「確定」或「取消」。");
window.prompt("此為提示框，請輸入數據");
</script>
2. html5如何實現彈出提示框，並且伴隨遮罩層並且可以關閉彈出框
通過jquery的show()和hide()函數聯合使用，實現彈出窗口。
一、show（）和hide（）函數解析：
1、show() 方法顯示隱藏的被選元素。
注意：show() 適用於通過 jQuery 方法和 CSS 中 display:none 隱藏的元素（不適用於通過 visibility:hidden 隱藏的元素）。
2、hide() 方法隱藏被選元素。
這與 CSS 屬性 display:none 類似，但是隱藏的元素不會被完全顯示（不再影響頁面的布局）。
二、設計一個HTML頁面，包括一個簡單的彈出窗，和一個顯示按鈕。其中，調用了jquery的以上兩個函數。具體代碼如下：
3. HTML窗口彈出代碼
<!doctype html>
<html>
<head><title>無標題文檔</title></head>
<body>
<!--插入按鈕 開始-->
<input type="button" value="彈出對話框" onclick="MsgBox()" />
<!--插入按鈕 結束-->
<!--引用JS代碼以達到彈出對話框目的 開始-->
<script language="javascript">
function MsgBox() //聲明標識符
{
alert("我是對話框的內容"); //彈出對話框
}
</script>
<!--引用JS代碼以達到彈出對話框目的 結束-->
</body>
</html>
(3)提示框html擴展閱讀：
方法參數詳解
參數解釋：
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
4. 我需要一個「彈出提示窗口」的HTML代碼
<html>
<head>
<title>類似MSN提示的頁面效果</title>
</head>
<body scroll=no>
看到右下角的提示了嗎？如果沒有看到，<button onclick=location.reload();>刷新</button>一下
<script language="JavaScript">
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
try{
divTop = parseInt(document.getElementById("eMeng").style.top,10)
divLeft = parseInt(document.getElementById("eMeng").style.left,10)
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
document.getElementById("eMeng").style.visibility="visible"
objTimer = window.setInterval("moveDiv()",10)
}
catch(e){}
}
function resizeDiv()
{
i+=1
if(i>500) closeDiv()
try{
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
}
catch(e){}
}
function moveDiv()
{
try
{
if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
{
window.clearInterval(objTimer)
objTimer = window.setInterval("resizeDiv()",1)
}
divTop = parseInt(document.getElementById("eMeng").style.top,10)
document.getElementById("eMeng").style.top = divTop - 1
}
catch(e){}
}
function closeDiv()
{
document.getElementById('eMeng').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
</script>
<DIV id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3">
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #0f2c8c" width=30 height=24></TD>
<TD style="FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #1f336b; PADDING-TOP: 4px;PADDING-left: 4px" vAlign=center width="100%"> 短消息提示：</TD>
<TD style="BACKGROUND-IMAGE: url(msgTopBg.gif); PADDING-TOP: 2px;PADDING-right:2px" vAlign=center align=right width=19><span title=關閉 style="CURSOR: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >×</span><!-- <IMG title=關閉 style="CURSOR: hand" onclick=closeDiv() hspace=3 src="msgClose.jpg"> --></TD>
</TR>
<TR>
<TD style="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: url(1msgBottomBg.jpg); PADDING-BOTTOM: 1px" colSpan=3 height=90>
<DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">您有<font color=#FF0000>1</font>封新短消息<BR><BR>
<DIV align=center style="word-break:break-all"><a href="javascript:alert('你好')"><font color=#FF0000>點擊查看簡訊</font></a></DIV
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</body>
</html>
5. 求兩個html彈出提示框代碼。
還有個是點擊B鏈接後直接新窗口打開網址，不用彈出提示。這種實現代碼
<a href="www..com" target="blank">B</a>
6. html中彈出框如何實現的
html中彈出框可以用window.open方法
<html>
<head>
<scripttype="text/javascript">
functionopen_win()
{
window.open("需要彈框的地址")
}
</script>
</head>
<body>
<inputtype=buttonvalue="OpenWindow"onclick="open_win()"/>
</body>
</html>
定義和用法
open() 方法用於打開一個新的瀏覽器窗口或查找一個已命名的窗口。
7. html 怎麼點擊一個按鈕彈出一個提示框
需要准備的材來料分別有：電腦自、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html，輸入問題基礎代碼。
8. 彈出窗口的html的代碼是怎麼寫的
1、最基本的彈出窗口代碼
< SCRIPT LANGUAGE="javascript">
< !--
window.open ("page.html")
-- >
< /SCRIPT>
window.open ("page.html") 用於控制彈出新的窗口page.html，如果.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。
2、經過設置後的彈出窗口
< SCRIPT LANGUAGE="javascript">
< !--
window.open ("page.html", "newwindow", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")
->
< /SCRIPT>
< SCRIPT LANGUAGE="javascript"> js腳本開始；window.open 彈出新窗口的命令；"page.html" 彈出窗口的文件名；"newwindow" 彈出窗口的名字（不是文件名），非必須，可用空"代替；
3、用函數控制彈出窗口
< script LANGUAGE="JavaScript">
< !--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
-->
< /script>
這里定義了一個函數openwin(),函數內容就是打開一個窗口。
4、同時彈出2個窗口
< script LANGUAGE="JavaScript">
< !--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
-->
< /script>
為避免彈出的2個窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。
5、主窗口打開文件1.htm，同時彈出小窗口page.html
< script language="javascript">
< !--
function openwin() {
window.open("page.html","","width=200,height=200")
}
-->
< /script>
9. html彈出提示框
要用JAVASCRIPT才行！
一個樣例：
<html>
<head>
<SCRIPT LANGUAGE="JAVASCRIPT">
function button1onclick(){
confirm("哈哈")
}
function button2onclick(){
alert("哈哈")
}
function button3onclick(){
var name=prompt("您好，您的名字是:");
document.write(name);
}
</SCRIPT>
</head>
<form>
<input type="button" value="confirm方式" onclick="button1onclick()">
<input type="button" value="alert方式" onclick="button2onclick()">
<input type="button" value="prompt方式" onclick="button3onclick()">
</form>
</html>
confirm方式用於彈出一個帶有「確定」以及「取消」的對話框，會返回一個布爾值，如用戶按了「確定」返回TRUE，否則返回FALSE。也可以忽略函數值，單獨使用，做提醒的作用。
alert方式用於彈出一個警告的對話框。
prompt方式用於彈出一個帶有一文本輸入框的窗口，並帶有「確定」與「取消」這兩個按鈕，如果用戶按下了「確定」則返回用戶在文本輸入框
輸入的文字，否則返回「null」。例子中的「prompt方式」按鈕會彈出一個詢問名字的對話框，並把你輸入的文字顯示在頁面上。
如果還有不懂的就自己查一下JAVASCRIPT的知識吧。級別太低，發不了效果圖（杯具啊）
10. html中點擊列表文字彈出提示框
1、使用onfocus事件檢查當前值,如果是默認值,就將value屬性置空.如:<input type="text" value="請輸入內容" onfocus="javascript:if(this.value=='請輸入內容')this.value='';">
2、<input id="email" type="text" placeholder="這里輸入文字" size="22" />
placeholder="這里輸入文字"
input設置默認顯示文字的兩種方式：
1.placeholder屬性。在輸入框為空的情況下會顯示placeholder中的值。但是提交時不能直接取其值。
2.value屬性。在輸入框載入的時候輸入框中的值。提交時可直接獲取。