Input border

liunx · Jan 10, 2008

I have an input box (type="text") that I want to use as a label so I can hide it when I need to. Is there a way to turn off the border around the box? 
 
tia, 
camiBetter yet, why not just get rid of it all together? Here's an example, copy and paste the code to see it in action:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<title>Show/Hide Testbox</title> 
<script type="text/javascript"> 
function showHide(element) 
{ 
element = document.getElementByID(element); 
if(element.style.display != "none") 
{ 
element.style.display = "none"; 
} 
else 
{ 
element.style.display = "inline"; 
} 
} 
</script> 
</head> 
<body> 
 
<fieldset> 
<input type="text" id="showhideme" /> 
<input type="button" onclick="showHide('showhideme')" value="Show/Hide the textbox" /> 
</fieldset> 
 
</body> 
</html> 
NOTE: This shouldn't be used when it is absolutely necessary that the box be hidden, as not everyone has JavaScript support.I think he was talking about borders, so i altered your example slightly: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<title>What Dan Meant To Say</title> 
<style type="text/css"> 
#showhideme{border:0 none;} 
#showhideme:focus, #showhideme:active{border:1px inset #999} 
</style> 
</head> 
<body> 
 
<fieldset> 
<input type="text" id="showhideme" value="the text inside" /> 
</fieldset> 
</body> 
</html> 
 
entirely untested, but should work(in browsers).This application is inherited and doesn't have a stylesheet associated and right now the fix doesn't warrant trying to attach one and figure out the things that go wrong when applied. I figured out something that does work however. 
 
<---code begins---> 
<input type="Text" name="PrimaryApprLabel" value="Primary Approver" align="right" readonly style="border:0 none;"> 
<---code ends---> 
 
thanks for the input

cami

Input border

liunx

Guest