1、網頁製作中輸入框的樣子怎麼改變??
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">
2、網頁設計中,文本框與密碼文本框高度不一?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建網頁 1</title>
</head>
<style type="text/css">
<!--
.input {
FONT-SIZE: 9pt;
BORDER-BOTTOM: 0px
color: #996600;
height: 20px;
width: 120px;
}
-->
</style>
<body>
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
<p><input type="text" name="T1" size="20" class="input"> <br>
<input type="password" name="T2" size="20" class="input"><br>
<input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p>
</form>
</body>
</html>
====================================================
因為密碼默認都用·代替了文字,所以肯定是比文本要小,如果用CSS定義就不會出現問題啦。
代碼如下:
<form name="admin_login" method="post" action="admin_check.asp">
賬號:
<input name="admin_user" type="text" style="width:120px;height:25px;">
密碼:
<input name="admin_pswd" type="password" style="width:120px;height:25px;">
<input type="image" name="sumbit" src="images/login_sumbit.gif" width="60" height="20" border="0">
</form>
3、html網頁設計:一個簡單的登錄界面代碼!
是這樣的效果嗎?
<!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>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
4、網頁設計問題.如何固定框架的大小.
<iframe frameborder="0" width="100%" height="100%" scrolling="yes" id="main" name="main" src="admin_main.php" ></iframe>
寬高自己 改 希望能幫助到你!
下面代碼更多點 看不懂去W3Cshool 看教程去
<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="UntitledFrame-2.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
<frame src="UntitledFrame-3.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="Untitled-1.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
5、網頁設計中,文本輸入框的長寬,邊框色是在哪調整的?如下圖
設置高度是為了避免底邊顯示錯位, 若不設 height, 可以在 menubar 中插入一可能:沒有定義設計加顏色邊框的元素的width和height,一定要設為具體的值。
6、網頁設計Dreamweaver 3. 設置「密 碼」輸入框,
這些需要將密碼輸入框中的字元串進行一定的判斷的,需要編寫一定的邏輯判斷代碼,而Dreamweaver只是網頁可視化設計工具
7、網頁製作 修改文本框大小
<input
type="text"
name="T1"
style="width:100px;height:50px">
從代碼中來加入樣式style
其中width是寬自,height是高,font-size是文字大小,冒號後面的數字可隨需要改,均可使用px(像素)作為單位
8、網頁設計密碼框怎麼限制字數最小值
js前台的。
<input name="password" id="password" type="password" value="" size="38" class="input">
<script language="JavaScript" type="text/javascript">
str=getElementById('password').value
if(str.length<6){
return false;
alert('對不起,您的密碼小於六位');
}
</script>
在你的form標簽里要寫上onsubmit調用這回個函答數才行。
---------------------------------------------------
php後台的。
<?php
$str=$_POST['password'];
if(strlen($str)<6){
echo '對不起,您的密碼小於六位';
}
?>
9、css網頁設計中怎樣讓文本框變長
1、首先打開Hbuilder編輯器軟體,新建一個html文件,html文件中寫入兩個textarea文本框,並且給第二個文回本設置一個class屬性。
2、然答後先給第一個文本框添加rows和cols屬性,它們分別用來控制文本框的行數和列數,設置這兩個屬性就能改變文本框的高和寬;同時給第二個textarea設置class屬性,在上方的style標簽中設置width寬度和height高度即可,這種辦法可以精確到像素級,所以比較常用。
3、最後打開瀏覽器,就可以看到設置的兩個不同寬度的文本框效果了。
10、網頁製作時默認的文本框長度和密碼框長度好像不一樣,怎麼調得一樣呢?
給input定義一個樣式 class="自己定義"
然後在樣式里定義,比如: width:100px;
它們的長度就一樣了