导航:首页 > 万维百科 > 网页设计输入框

网页设计输入框

发布时间:2020-12-03 02:43:32

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">
    $(".username").blur(function(){
        if($(".username").val()==""){
            $(".username").after("<span>用户名不能为空</span>");
        }
    });
</script>

望采纳!

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">

与网页设计输入框相关的知识