如何文本框後顯示的innerHTML在Javascript

我試圖展現在Javascript文本框後的innerHTML，但它始終是文本框下結束了，就像這樣：如何文本框後顯示的innerHTML在Javascript

[文本框]

請輸入用戶名

但我希望它像這樣

[文本]請輸入用戶名

<!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>his Website</title> 

<link href="default.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="libs/JQuery.js"></script> 
<script type="text/javascript" src="libs/effex.js"></script> 
<script type="text/javascript" src="libs/slide.js"></script> 
<script type="text/javascript" src="libs/jquery-ui.js"></script> 

<script type="text/javascript"> 
function chck() { 
    var name = document.getElementById('name').value; 
    var msg = document.getElementById('msg'); 
    var namex = document.getElementById('name'); 
    if (name == '') { 
     namex.innerHTML=namex.innerHTML+msg.value; 
     document.getElementById('msg').innerHTML = "Please enter name to proceed..."; 
return false; 
    } 
} 
</script> 
<body bgcolor="silver"> 
<table width="1500" border="0" cellspacing="0" cellpadding="0" align="center"> 
    <tr> 
    <td><img src="images/bann3r.jpg" class="copy" width="1500" height="150" usemap="#Map" border="0" /></td> 
    </tr> 
</table> 
<center> 

<div id="bod"> 
<br /> 

<legend class="contact">Contact Me!</legend> 
<fieldset> 
<form name="contact"> 
<br /> 
<br /> 
<br /> 
<label>Name:</label><input name="name" type="text" class="nameTxt" id="name" maxlength="20"/><label id="msg"></label> 
<BR /> 
<label>Email:</label><input type="email" name="email" class="nameTxt" /> 
<BR /> 
<label>Subject:</label><input type="text" name="subject" class="nameTxt" /> 
<BR /> 
<label>Message:</label><textarea name="msg" class="nameTxt"></textarea> 
<Br /> 
<br /> 
<input type="submit" value="Send Message" class="send" onClick="return chck()"/> 
</form> 
<fieldset> 
</div> 

<map name="Map" id="Map"> 
    <area shape="rect" coords="177,62,274,104" href="index.html" /> 
    <area shape="rect" coords="322,52,534,111" href="gdesigns.html" /> 
    <area shape="rect" coords="1305,58,1478,106" href="contactme.html" /> 
</map> 
</body> 


<center> 
<div id="hoverdiv">Contact</div> 

<br /> 
<br /> 
<br /> 
<footer><font face="Arial, Helvetica, sans-serif" hovertext="Copyright Yousef Bhatti">©Copyright 2013 Yousef Bhatti</footer></font> 
</center> 
</html>

來源

2013-01-22 user1999321

爲什麼不使用輸入類型後的跨度？ –

確保給予該標籤的CSS是

#msg 
{ 
    position:relative; 
    display:inline-block; //if this doesn't work, give float:right; 
}

來源

2013-01-22 06:50:25 gurvinder372

沒有人工作 – user1999321

絕對定位工程 – user1999321

Check This希望這是你需要什麼。

我建議不要強烈地使用<br>標籤。請通過最新的HTML5語義，您可以使用這些標籤。

來源

2013-01-22 07:08:06

如何文本框後顯示的innerHTML在Javascript

回答

相關問題