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中,在文本框中輸入文字,單擊「確認」按鈕後,將文字設置為網頁標題
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text">
<button>確認</button>
<script>
var input = document.getElementsByTagName('input')[0];
var button = document.getElementsByTagName('button')[0];
button.onclick = function () {
if(input.value.length != 0) {
document.title = input.value;
}
}
</script>
</body>
</html>
3、【急!】網頁製作,在文本框中添加說明文字
HTML5新特性,placeholder
<input type="text" name="user_search" placeholder="Search W3School" />
如果低於html5,那就需要用js來實現了!
4、製作網頁遇到的問題:輸入框在輸入字時出現黃色邊框,怎麼去掉
這種情況跟瀏覽器有關,如我常用的谷歌就這樣,這是瀏覽器對輸入框獲取焦點的默認設置,像IE的鏈接、按鈕等都會有虛線框是一樣的,如果不需要,可以將該輸入框的樣式outline設為none即可。
5、網頁設計輸入框問題
用戶名那個如果用html的要用html才有
<input id="u_email" name="u_email" type="email"/>即時提醒錯誤的用js可以
<script type="text/javascript">望採納!
6、dwcs5網頁設計怎麼做輸入框
<form>
<input type="text" value="dw5怎樣做文本輸入框" name="names" />
<input type="submit" value="百度一下" />
</form>
這樣的代碼就是一個上圖的輸入框
<input type="text" 就是前面輸入的那文本框
<input type="submit" 就是後面的按鈕
在DW可以通過插入面板 - 表單 然後選擇你想建立的輸入框(有很多種哦)
而且可以通過CSS樣式來控制他們的外貌
純手打 希望採納
7、網頁製作時怎麼一邊填寫文本框,一邊對上一個文本框進行檢查
用JS。兩種方法:
1。給要檢查的文本框的onblur事件寫檢查程序
2。給正填寫的文本框寫onfocus事件,onfocus事件裡面來檢查上一個文本框
PS:onblur控制項失去焦點時觸發,onfocus控制項得到焦點時觸發
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<title>測試</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function checkmc()
{
if(document.getElementById("txtmc").value=="")
{
document.getElementById("txtts").innerHTML="請輸入名稱!";
document.getElementById("txtmc").focus();
return;
}
}
function checkmm()
{
if(document.getElementById("txtmc").value=="")
{
document.getElementById("txtts").innerHTML="請輸入名稱!";
document.getElementById("txtmc").focus();
return;
}
}
</script>
</HEAD>
<body>
<input type="text" id="txtmc" onblur="checkmc()" />
<input type="text" id="txtmm" onfocus="checkmm()" />
<div style="color:#ff0000" id="txtts"></div>
</body>
</HTML>
8、網頁製作 文本框設置
你單寫width=200,這樣是不可行。
建意你給文本框加上樣式,比如:
<input name="pwd" type="password" style="width:200px" />
禁用復制,粘貼功能
<input name="pwd" type="password" style="width:200px" onpaste="return false" oncopy="return false"/>
這樣是可以的,你如果用IE瀏覽器的話,瀏覽器上方會出現要求運行ActiveX 控制項, 你點擊允許運行內容,就能支持。還有你這些代碼如果放到網上伺服器,就不需要你手動點擊了。
9、網頁製作中輸入框的樣子怎麼改變??
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">
10、網頁設計 點擊提交後出現第二個文本框怎麼實現?
需要用js來實現,方法很多,我給你一個最簡單的例子
首先是一個文本框,默認是隱藏的:
<input type="text" name="a" id="input1" style="display:none;">
然後一個按鈕,加一個onclick事件,就是點擊的時候,把上面的文本框顯示出來
<button type="button" id="button1" onclick="document.getElementById('input1').style.display='block';">顯示第二個文本框</button>