1、html網頁製作當中,如何實現編輯框使得用戶輸入內容後點提交按鈕能使輸入的內容顯示在網頁中?
Q空間的留言板是連接資料庫的,他的提交大概有2個操作,一個是把信息提交資料庫,一個是刷新留言板獲取最新的留言信息。
你的需求不連接資料庫那就很簡答了。代碼如下:
一個兩個文本域,第一個是不允許編輯的,第二個是可以編輯的,在第二個文本域輸入信息的時候,點submit按鈕,會在第一個文本域顯示出來。這只是演示,具體情況根據需求自己定義。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>test about javascript</title>
<script type="text/javascript">
function showMsgs(){
var msg = document.getElementById("msg").value;
var showMsg = document.getElementById("showMsg");
showMsg.value = msg;
}
</script>
</head>
<body><center>
<textArea id='showMsg' disabled></textArea><br>
<textArea id='msg'></textArea><br>
<input type='button' value='submit' onclick="showMsgs()">
</center>
</body></html>
2、網頁設計輸入框問題
用戶名那個如果用html的要用html才有
<input id="u_email" name="u_email" type="email"/>即時提醒錯誤的用js可以
<script type="text/javascript">望採納!
3、網頁設計,在同一個頁面可以展開並合並的輸入框怎麼做?
用javascript 但如果你只是偶爾用一下javascript不想深入學習。那還是用
現在比較流行的一個javascript框架jquer吧,它能簡化javascript操作。
學起來容易,最重要一點是它在各主流瀏覽器之間兼容性好。
jquery在網上教雖然多,但也很雜,這里給你推薦一個設計前沿的視頻教程:
http://learning.artech.cn/20080621.mastering-javascript-jquery.html
接下來我用jquery給你解決這個問題:
首先下載jquery框架(網上多得是)
然後調jquery
<script type="text/javascript" src="../js/jquery-1.4.2.min.js">
</script>
然後加幾行css
<style type="text/css">
.hide{
display:none; / *用來在顯示和隱藏之間切換的* /
}
#main{
width:300px;
height:auto;
border:1px #669933 solid;
}
#main_top{
width:300px;
height:30px;
order:1px #669933 solid;
}
#main_bottom{
width:300px;
height:250px;
border:1px #669933 solid;
}
</style>
body部分:
<body>
<div id="main">
<div id="main_top">
這里是顯示/隱藏切換鈕
</div>
<div id="main_bottom">
</div>
</div>
</body>
好了,然後寫用jquery做顯示隱藏部分的代碼:
<script type="text/javascript">
$(document).ready(function() {
$("#main_top").click(function(){
$("#main_bottom").toggleClass("hide");
});
});
</script>
這樣就搞定了,然後自己擴展一下。那個向上箭頭,設置為main_top的背景就好了
4、幫忙製作個簡單的網頁 asp或html 輸入框
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<%
if request.Form("text1")<>"" then
htmlfile = server.MapPath(request.Form("text1")&".html")
set filefso = server.CreateObject("scripting.filesystemobject")
if filefso.fileexists(htmlfile) then
response.Write("<script>window.open('"&request.Form("text1")&".html')</script>")
else
response.Write("<script>window.open('01.html')</script>")
end if
set filefso = nothing
end if
%>
<form id="form1" action="mytest.asp" method="post">
<input type="text" name="text1" id="text1" />
<input type="text" name="text2" id="text2" />
<input type="submit" />
</form>
</body>
</html>
5、怎樣製作網站中的輸入框
插入》表單》文本區域 然後下面有屬性,可以選擇是一般輸入框還是密碼!
6、網頁製作輸入框和圖片不緊貼
你可以把代碼貼下的 這個樣式可以表格來對齊的 也可以直接調整圖或文本框位置也是行的啊
7、網頁設計中的輸入框是個黃色的矩形該如何處理?
邊框背景設置為background即可,如果不需要黃底,就不要添加任何參數,詳情可查閱登陸框代碼
8、網頁設計中,文本輸入框的長寬,邊框色是在哪調整的?如下圖
設置高度是為了避免底邊顯示錯位, 若不設 height, 可以在 menubar 中插入一可能:沒有定義設計加顏色邊框的元素的width和height,一定要設為具體的值。
9、網頁設計想做個文本輸入框,輸入的時候是從頂部開始輸入,不是開始就居中輸入的,求代碼。
單行文本
<input type="text" style="height:50px; width:200px;" />
PS:這種寫法只對IE6\7\8 開始不居中輸入
多行文本
<textarea style="width:200px; height:50px;"></textarea>
10、網頁製作中輸入框的樣子怎麼改變??
1、通過css+div進行輸入框樣式的調整
例如:
輸入框景背景透明:
<input style="background:transparent;border:1px solid #ffffff">
滑鼠劃過輸版入框,輸入框背景色變權色:
<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"
style="width: 106; height: 21"
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">