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>